pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-25 16:31:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix PhotoModal accessibility and audit log RLS

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-11-02 02:42:45 +00:00
parent 9529dd340e
commit 5a2e250337
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/moderation/PhotoModal.tsx
View File

@@ -1,6 +1,7 @@
import { useState, useEffect, useRef } from 'react'; import { useState, useEffect, useRef } from 'react';
import { X, ChevronLeft, ChevronRight } from 'lucide-react'; import { X, ChevronLeft, ChevronRight } from 'lucide-react';
import { Dialog, DialogContent } from '@/components/ui/dialog'; import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { useIsMobile } from '@/hooks/use-mobile'; import { useIsMobile } from '@/hooks/use-mobile';
@@ -83,7 +84,10 @@ export function PhotoModal({ photos, initialIndex, isOpen, onClose }: PhotoModal
return ( return (
<Dialog open={isOpen} onOpenChange={onClose}> <Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className={`max-w-7xl w-full p-0 [&>button]:hidden ${isMobile ? 'max-h-screen h-screen' : 'max-h-[90vh]'}`}> <DialogContent className={`max-w-7xl w-full p-0 [&>button]:hidden ${isMobile ? 'max-h-screen h-screen' : 'max-h-[90vh]'}`} aria-describedby={undefined}>
<VisuallyHidden>
<DialogTitle>Photo Viewer</DialogTitle>
</VisuallyHidden>
<div <div
className="relative bg-black rounded-lg overflow-hidden touch-none" className="relative bg-black rounded-lg overflow-hidden touch-none"
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}