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 { useState } from 'react';
import { X, ChevronLeft, ChevronRight } from 'lucide-react'; import { ChevronLeft, ChevronRight } from 'lucide-react';
import { Dialog, DialogContent } from '@/components/ui/dialog'; import { Dialog, DialogContent } from '@/components/ui/dialog';
import { Button } from '@/components/ui/button'; 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}> <div className="relative bg-black rounded-lg overflow-hidden" onKeyDown={handleKeyDown} tabIndex={0}>
{/* Header */} {/* 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="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 className="text-white">
<div> <h3 className="font-medium">
<h3 className="font-medium"> {currentPhoto?.filename || `Photo ${currentIndex + 1}`}
{currentPhoto?.filename || `Photo ${currentIndex + 1}`} </h3>
</h3> {photos.length > 1 && (
{photos.length > 1 && ( <p className="text-sm text-white/70">
<p className="text-sm text-white/70"> {currentIndex + 1} of {photos.length}
{currentIndex + 1} of {photos.length} </p>
</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>
</div> </div>