diff --git a/src/components/nostr/kinds/ReportRenderer.tsx b/src/components/nostr/kinds/ReportRenderer.tsx index 7c26315..63b47ee 100644 --- a/src/components/nostr/kinds/ReportRenderer.tsx +++ b/src/components/nostr/kinds/ReportRenderer.tsx @@ -65,70 +65,47 @@ export function ReportRenderer({ event }: BaseEventProps) { ); } + const reasonLabel = REPORT_TYPE_LABELS[report.reportType].toLowerCase(); + return (
- {/* Report header with type badge */} -
+ {/* Report header: "Reported for " */} +
- Reported - - {/* Report type badge - neutral/muted styling */} - + Reported + + for + {getReportTypeIcon(report.reportType)} - {REPORT_TYPE_LABELS[report.reportType]} + {reasonLabel}
- {/* Reported target */} -
- {/* Profile being reported */} - {report.targetType === "profile" && ( -
- Profile: - -
- )} + {/* Reported event - collapsed by default (depth=2) */} + {report.targetType === "event" && report.reportedEventId && ( + + )} - {/* Event being reported */} - {report.targetType === "event" && ( -
-
- Event by: - -
- - {/* Embedded reported event using QuotedEvent */} - {report.reportedEventId && ( - - )} + {/* Blob details */} + {report.targetType === "blob" && ( +
+
+ Hash: + + {report.reportedBlobHash?.slice(0, 16)}... +
- )} - - {/* Blob being reported */} - {report.targetType === "blob" && ( -
-
- Blob by: - + {report.serverUrls && report.serverUrls.length > 0 && ( +
+ Server: {report.serverUrls[0]}
-
- Hash: - - {report.reportedBlobHash?.slice(0, 16)}... - -
- {report.serverUrls && report.serverUrls.length > 0 && ( -
- Server: {report.serverUrls[0]} -
- )} -
- )} -
+ )} +
+ )} {/* Report comment */} {report.comment && (