upd

.env

@@ -1,5 +1,5 @@
 # VITE_COORD_URL=http://localhost:4000
 VITE_COORD_URL=https://coord.graff.tech
-# VITE_CRM_API_URL=http://localhost:3001
+VITE_CRM_API_URL=http://localhost:3001
-VITE_CRM_API_URL=http://192.168.1.170:3001
+# VITE_CRM_API_URL=http://192.168.1.170:3001
 # VITE_CRM_API_URL=https://crm.stream.graff.tech/api

src/ScheduledPage.tsx

@@ -1,5 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable react-hooks/exhaustive-deps */
+import {
+  differenceInMilliseconds,
+  isAfter,
+  parseISO,
+} from "date-fns";
 import ky from "ky";
 import { useEffect, useState } from "react";
 import Countdown from "react-countdown";
@@ -15,14 +20,21 @@ function ScheduledPage() {
 
   async function connect() {
     try {
-      const result: any = await ky.get(
+      const result: any = await ky
-        `${import.meta.env.VITE_CRM_API_URL}/scheduled_sessions/${
+        .get(
-          params.sessionId
+          `${import.meta.env.VITE_CRM_API_URL}/scheduled_sessions/${
-        }`
+            params.sessionId
-      );
+          }`
+        )
+        .json();
 
-      if (!result.id) {
+      if (isAfter(parseISO(result.startAt), new Date())) {
-        setCountdownSeconds(result.countdownSeconds);
+        const diffMs = differenceInMilliseconds(
+          parseISO(result.startAt),
+          new Date()
+        );
+
+        setCountdownSeconds(diffMs);
         return;
       }
 

vite.config.ts

@@ -5,9 +5,9 @@ import react from "@vitejs/plugin-react-swc";
 export default defineConfig({
   plugins: [react()],
   server: {
-    port: 5000,
+    port: 5001,
   },
   preview: {
-    port: 5000,
+    port: 5001,
   },
 });