feat: add support for commenting and reacting on external content

src/components/Note/index.tsx

@@ -1,7 +1,7 @@
 import { useSecondaryPage } from '@/PageManager'
 import { ExtendedKind, SUPPORTED_KINDS } from '@/constants'
-import { getParentBech32Id, isNsfwEvent } from '@/lib/event'
-import { toNote } from '@/lib/link'
+import { getParentStuff, isNsfwEvent } from '@/lib/event'
+import { toExternalContent, toNote } from '@/lib/link'
 import { useContentPolicy } from '@/providers/ContentPolicyProvider'
 import { useMuteList } from '@/providers/MuteListProvider'
 import { useScreenSize } from '@/providers/ScreenSizeProvider'
@@ -22,7 +22,6 @@ import CommunityDefinition from './CommunityDefinition'
 import EmojiPack from './EmojiPack'
 import GroupMetadata from './GroupMetadata'
 import Highlight from './Highlight'
-import IValue from './IValue'
 import LiveEvent from './LiveEvent'
 import LongFormArticle from './LongFormArticle'
 import LongFormArticlePreview from './LongFormArticlePreview'
@@ -51,10 +50,9 @@ export default function Note({
 }) {
   const { push } = useSecondaryPage()
   const { isSmallScreen } = useScreenSize()
-  const parentEventId = useMemo(
-    () => (hideParentNotePreview ? undefined : getParentBech32Id(event)),
-    [event, hideParentNotePreview]
-  )
+  const { parentEventId, parentExternalContent } = useMemo(() => {
+    return getParentStuff(event)
+  }, [event])
   const { defaultShowNsfw } = useContentPolicy()
   const [showNsfw, setShowNsfw] = useState(false)
   const { mutePubkeySet } = useMuteList()
@@ -141,17 +139,21 @@ export default function Note({
           )}
         </div>
       </div>
-      {parentEventId && (
+      {!hideParentNotePreview && (
         <ParentNotePreview
           eventId={parentEventId}
+          externalContent={parentExternalContent}
           className="mt-2"
           onClick={(e) => {
             e.stopPropagation()
-            push(toNote(parentEventId))
+            if (parentExternalContent) {
+              push(toExternalContent(parentExternalContent))
+            } else if (parentEventId) {
+              push(toNote(parentEventId))
+            }
           }}
         />
       )}
-      <IValue event={event} className="mt-2" />
       {content}
     </div>
   )