comments

Author: BetrixDev

app/components/dialogs/edit-video-dialog.tsx

@@ -100,7 +100,7 @@ export function EditVideoDialog() {
     },
   });
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: only should react to editVideo changes
+  // biome-ignore lint/correctness/useExhaustiveDependencies: only should react to dialog open state changes
   useEffect(() => {
     form.reset();
   }, [isEditVideoDialogOpen]);

app/components/dialogs/trim-video-dialog.tsx

@@ -54,7 +54,10 @@ function TrimVideoDialogChild() {
   const [videoDurationSeconds, setVideoDurationSeconds] = useState<number>();
 
   const videoUrl = useMemo(
-    () => URL.createObjectURL(trimVideoDialogData!.videoFile),
+    () =>
+      trimVideoDialogData
+        ? URL.createObjectURL(trimVideoDialogData.videoFile)
+        : "",
     [trimVideoDialogData]
   );
 

app/components/dialogs/upload-video-dialog.tsx

@@ -70,7 +70,7 @@ function UploadVideoDialogChild() {
     (state) => state.isUploadVideoDialogOpen
   );
   const uploadVideoDialogData = useDialogsStore(
-    (state) => state.isUploadVideoDialogData
+    (state) => state.uploadVideoDialogData
   );
   const openUploadVideoDialog = useDialogsStore(
     (state) => state.openUploadVideoDialog

app/lib/stores/dialogs.ts

@@ -2,7 +2,7 @@ import { create } from "zustand";
 
 type DialogsStore = {
   isUploadVideoDialogOpen: boolean;
-  isUploadVideoDialogData?: {
+  uploadVideoDialogData?: {
     videoFile: File;
     videoTitle: string;
   };
@@ -46,7 +46,7 @@ export const useDialogsStore = create<DialogsStore>()((set) => ({
       isUploadVideoDialogOpen: true,
       ...(videoFile && videoTitle
         ? {
-            isUploadVideoDialogData: { videoFile, videoTitle },
+            uploadVideoDialogData: { videoFile, videoTitle },
           }
         : {}),
     }),
@@ -65,7 +65,8 @@ export const useDialogsStore = create<DialogsStore>()((set) => ({
       isTrimVideoDialogOpen: true,
       trimVideoDialogData: { videoFile, videoTitle },
     }),
-  closeUploadVideoDialog: () => set({ isUploadVideoDialogOpen: false }),
+  closeUploadVideoDialog: () =>
+    set({ isUploadVideoDialogOpen: false, uploadVideoDialogData: undefined }),
   closeDeleteVideoDialog: () =>
     set({ isDeleteVideoDialogOpen: false, deleteVideoDialogData: undefined }),
   closeEditVideoDialog: () =>