chore: Update useState type in Page component to fix video state init…

…ialization
infinitel8p · Aug 22, 2024 · 943d598 · 943d598
1 parent 330b5a4
commit 943d598
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/server/src/app/archive/page.tsx b/server/src/app/archive/page.tsx
@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from "react";
 
 const Page = () => {
-    const [videos, setVideos] = useState([]);
+    const [videos, setVideos] = useState<string[]>([]);
     const archiveUrl = `${window.location.protocol}//${window.location.hostname}:5005/archive`;
 
     useEffect(() => {
@@ -19,7 +19,7 @@ const Page = () => {
         fetchVideos();
     }, []);
 
-    const handleDelete = (video) => {
+    const handleDelete = (video: any) => {
         //! Implement delete functionality
         console.log(`Delete video: ${video}`);
     };
@@ -30,6 +30,7 @@ const Page = () => {
             {videos.length > 0 ? (
                 videos.map((video, index) => {
                     const filename = video.split('/').pop();
+                    if (!filename) return null;
                     const [datePart, timePart] = filename.match(/\d+/g); // Extract date and time from the filename
                     const date = `${datePart.slice(0, 4)}-${datePart.slice(4, 6)}-${datePart.slice(6, 8)}`;
                     const time = `${timePart.slice(0, 2)}:${timePart.slice(2, 4)}:${timePart.slice(4, 6)}`;
@@ -42,7 +43,7 @@ const Page = () => {
                                 onLoadedMetadata={(e) => {
                                     const target = e.target as HTMLVideoElement;
                                     const duration = target.duration;
-                                    document.getElementById(`duration-${index}`).textContent = `Duration: ${Math.floor(duration / 60)}m ${Math.floor(duration % 60)}s`;
+                                    document.getElementById(`duration-${index}`)!.textContent = `Duration: ${Math.floor(duration / 60)}m ${Math.floor(duration % 60)}s`;
                                 }}
                             >
                                 <source

diff --git a/server/tsconfig.json b/server/tsconfig.json
@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,9 +22,18 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}