diff --git a/src/hooks/useEventLoader.ts b/src/hooks/useEventLoader.ts
index b97d6018..4223c60e 100644
--- a/src/hooks/useEventLoader.ts
+++ b/src/hooks/useEventLoader.ts
@@ -25,12 +25,23 @@ export function useEventLoader({
setIsCollapsed
}: UseEventLoaderProps) {
const displayEvent = useCallback((event: NostrEvent) => {
- // Format event metadata as markdown comments for display
- const metaMarkdown = ``
+ // Format event metadata as HTML header
+ const metaHtml = `
+
Event ID: ${event.id.slice(0, 16)}...
+
Posted: ${new Date(event.created_at * 1000).toLocaleString()}
+
Kind: ${event.kind}
+
`
+
+ // Escape HTML in content and convert newlines to breaks for plain text display
+ const escapedContent = event.content
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/\n/g, '
')
const content: ReadableContent = {
url: `nostr:${event.id}`,
- markdown: metaMarkdown + '\n\n' + event.content,
+ html: metaHtml + `${escapedContent}
`,
title: `Note (${event.kind})`
}
setReaderContent(content)
@@ -78,7 +89,7 @@ export function useEventLoader({
console.error('❌ useEventLoader: Error fetching event:', err)
const errorContent: ReadableContent = {
url: '',
- markdown: `Error loading event: ${err instanceof Error ? err.message : 'Unknown error'}`,
+ html: `Error loading event: ${err instanceof Error ? err.message : 'Unknown error'}
`,
title: 'Error'
}
setReaderContent(errorContent)