Fix: Remove duplicate close button

This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 01:56:44 +00:00
parent efd81a3083
commit e54255ac50

View File

@@ -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,8 +39,7 @@ 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>
<div className="text-white">
<h3 className="font-medium">
{currentPhoto?.filename || `Photo ${currentIndex + 1}`}
</h3>
@@ -50,15 +49,6 @@ export function PhotoModal({ photos, initialIndex, isOpen, onClose }: PhotoModal
</p>
)}
</div>
<Button
variant="ghost"
size="sm"
onClick={onClose}
className="text-white hover:bg-white/10"
>
<X className="h-4 w-4" />
</Button>
</div>
</div>
{/* Image */}