From e54255ac50595c0d0c993bd2278ef486d2517778 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 29 Sep 2025 01:56:44 +0000
Subject: [PATCH] Fix: Remove duplicate close button

---
 src/components/moderation/PhotoModal.tsx | 30 ++++++++----------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/components/moderation/PhotoModal.tsx b/src/components/moderation/PhotoModal.tsx
index 263b3812..34cb89d1 100644
--- a/src/components/moderation/PhotoModal.tsx
+++ b/src/components/moderation/PhotoModal.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { X, ChevronLeft, ChevronRight } from 'lucide-react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { Dialog, DialogContent } from '@/components/ui/dialog';
 import { Button } from '@/components/ui/button';
 
@@ -39,25 +39,15 @@ export function PhotoModal({ photos, initialIndex, isOpen, onClose }: PhotoModal
         <div className="relative bg-black rounded-lg overflow-hidden" onKeyDown={handleKeyDown} tabIndex={0}>
           {/* Header */}
           <div className="absolute top-0 left-0 right-0 z-10 bg-gradient-to-b from-black/80 to-transparent p-4">
-            <div className="flex items-center justify-between text-white">
-              <div>
-                <h3 className="font-medium">
-                  {currentPhoto?.filename || `Photo ${currentIndex + 1}`}
-                </h3>
-                {photos.length > 1 && (
-                  <p className="text-sm text-white/70">
-                    {currentIndex + 1} of {photos.length}
-                  </p>
-                )}
-              </div>
-              <Button
-                variant="ghost"
-                size="sm"
-                onClick={onClose}
-                className="text-white hover:bg-white/10"
-              >
-                <X className="h-4 w-4" />
-              </Button>
+            <div className="text-white">
+              <h3 className="font-medium">
+                {currentPhoto?.filename || `Photo ${currentIndex + 1}`}
+              </h3>
+              {photos.length > 1 && (
+                <p className="text-sm text-white/70">
+                  {currentIndex + 1} of {photos.length}
+                </p>
+              )}
             </div>
           </div>