delete comments enabled

app/review/[versionId]/ReviewPageClient.tsx

@@ -90,6 +90,7 @@ interface ReviewPageClientProps {
   canApprove: boolean;
   canShare: boolean;
   currentUserId: string;
+  userRole?: string;
 }
 
 const APPROVAL_STATUS_STYLES: Record<string, string> = {
@@ -106,6 +107,7 @@ export function ReviewPageClient({
   canApprove,
   canShare,
   currentUserId,
+  userRole,
 }: ReviewPageClientProps) {
   const [comments, setComments] = useState(initialComments);
   const [annotations, setAnnotations] = useState(initialAnnotations);
@@ -348,9 +350,12 @@ export function ReviewPageClient({
             fps={version.fps}
             comments={comments}
             onCommentsChange={handleCommentsChange}
+            onAnnotationDeleted={handleAnnotationSaved}
             pendingFrame={pendingFrame}
             onPendingFrameCleared={() => setPendingFrame(null)}
             onSeekToFrame={(frame) => playerRef.current?.seekToFrame(frame)}
+            currentUserId={currentUserId}
+            isAdmin={userRole === "ADMIN"}
           />
         </div>
       </div>

app/review/[versionId]/page.tsx

@@ -121,6 +121,7 @@ export default async function ReviewPage({
       canApprove={canApprove}
       canShare={canShare}
       currentUserId={session.user.id}
+      userRole={session.user.role as string}
     />
   );
 }