diff --git a/src/components/ThreadCommentRenderer.tsx b/src/components/ThreadCommentRenderer.tsx new file mode 100644 index 0000000..90188c4 --- /dev/null +++ b/src/components/ThreadCommentRenderer.tsx @@ -0,0 +1,49 @@ +import { NostrEvent } from "@/types/nostr"; +import { UserName } from "./nostr/UserName"; +import { EventMenu } from "./nostr/kinds/BaseEventRenderer"; +import { RichText } from "./nostr/RichText"; +import { formatTimestamp } from "@/hooks/useLocale"; +import { useGrimoire } from "@/core/state"; + +/** + * Compact renderer for comments in thread view + * - No reply preview + * - No footer + * - Minimal padding + * - Used for both kind 1 and kind 1111 in thread context + */ +export function ThreadCommentRenderer({ event }: { event: NostrEvent }) { + const { locale } = useGrimoire(); + + // Format relative time for display + const relativeTime = formatTimestamp( + event.created_at, + "relative", + locale.locale, + ); + + // Format absolute timestamp for hover + const absoluteTime = formatTimestamp( + event.created_at, + "absolute", + locale.locale, + ); + + return ( +