feat(upload): preview uploaded videos with ProtectedVideoPlayer

src/app/(modules)/upload/components/UploadActionsMenu.tsx

@@ -13,14 +13,14 @@ import type { UploadVideo } from '@/types';
 
 interface UploadActionsMenuProps {
   upload: UploadVideo;
+  onViewVideo: (upload: UploadVideo) => void;
   onViewDetails: (upload: UploadVideo) => void;
-  onViewProcessedVideo: (upload: UploadVideo) => void;
 }
 
 export function UploadActionsMenu({
   upload,
+  onViewVideo,
   onViewDetails,
-  onViewProcessedVideo,
 }: UploadActionsMenuProps) {
   return (
     <DropdownMenu>
@@ -37,16 +37,26 @@ export function UploadActionsMenu({
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
-        <DropdownMenuItem onClick={() => onViewDetails(upload)}>
+        {upload.video_url ? (
+          <DropdownMenuItem
+            onClick={(event) => {
+              event.stopPropagation();
+              onViewVideo(upload);
+            }}
+          >
+            <PlayCircle className="size-4" />
+            View Video
+          </DropdownMenuItem>
+        ) : null}
+        <DropdownMenuItem
+          onClick={(event) => {
+            event.stopPropagation();
+            onViewDetails(upload);
+          }}
+        >
           <Eye className="size-4" />
           View Details
         </DropdownMenuItem>
-        {upload.processed_video_url ? (
-          <DropdownMenuItem onClick={() => onViewProcessedVideo(upload)}>
-            <PlayCircle className="size-4" />
-            View Processed Video
-          </DropdownMenuItem>
-        ) : null}
       </DropdownMenuContent>
     </DropdownMenu>
   );