refactor: post editor

src/components/PostEditor/PostTextarea/MentionNode.tsx

@@ -0,0 +1,20 @@
+import { useFetchProfile } from '@/hooks'
+import { formatUserId } from '@/lib/pubkey'
+import { cn } from '@/lib/utils'
+import { NodeViewRendererProps, NodeViewWrapper } from '@tiptap/react'
+
+export default function MentionNode(props: NodeViewRendererProps & { selected: boolean }) {
+  const { profile } = useFetchProfile(props.node.attrs.id)
+
+  return (
+    <NodeViewWrapper
+      className={cn(
+        'inline text-primary bg-primary/10 rounded-md px-1 transition-colors',
+        props.selected ? 'bg-primary/20' : ''
+      )}
+    >
+      {'@'}
+      {profile ? profile.username : formatUserId(props.node.attrs.id)}
+    </NodeViewWrapper>
+  )
+}