Admin/ocean-cleanup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make report detail modal more compact and remove reporter info section

Browse Source
This commit is contained in:
Paul Bailey
2025-11-16 22:20:44 +00:00
parent ff04e4fb47
commit 8f98047bca
1 changed files with 0 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/report/ReportDetailModal.tsx
View File

@@ -173,25 +173,6 @@ export function ReportDetailModal({ report, isOpen, onClose, onVerify, onDispute
</div> </div>
</div> </div>
{/* Reporter Info */}
<div className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
{report.user.avatarUrl ? (
<img
src={report.user.avatarUrl}
alt={report.user.username}
className="w-12 h-12 rounded-full"
/>
) : (
<div className="w-12 h-12 rounded-full bg-blue-600 flex items-center justify-center text-white font-semibold">
{report.user.username.charAt(0).toUpperCase()}
</div>
)}
<div>
<p className="font-medium text-gray-900">{report.user.username}</p>
<p className="text-sm text-gray-500">Reporter</p>
</div>
</div>
{/* Litter Details */} {/* Litter Details */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-3"> <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
<div className="p-3 border border-gray-200 rounded-lg"> <div className="p-3 border border-gray-200 rounded-lg">