feat: hide emoji picker in post editor

src/components/EmojiPickerDialog/index.tsx

@@ -24,7 +24,8 @@ export default function EmojiPickerDialog({
         <DrawerTrigger asChild>{children}</DrawerTrigger>
         <DrawerContent>
           <EmojiPicker
-            onEmojiClick={(data) => {
+            onEmojiClick={(data, e) => {
+              e.stopPropagation()
               setOpen(false)
               onEmojiClick?.(data.emoji)
             }}

src/components/PostEditor/PostContent.tsx

@@ -5,11 +5,10 @@ import { useToast } from '@/hooks/use-toast'
 import { createCommentDraftEvent, createShortTextNoteDraftEvent } from '@/lib/draft-event'
 import { useNostr } from '@/providers/NostrProvider'
 import postContentCache from '@/services/post-content-cache.service'
-import { ImageUp, LoaderCircle, Settings, Smile } from 'lucide-react'
+import { ImageUp, LoaderCircle, Settings } from 'lucide-react'
 import { Event, kinds } from 'nostr-tools'
 import { useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import EmojiPickerDialog from '../EmojiPickerDialog'
 import Mentions from './Mentions'
 import { usePostEditor } from './PostEditorProvider'
 import PostOptions from './PostOptions'
@@ -125,11 +124,6 @@ export default function PostContent({
               {uploadingFiles > 0 ? <LoaderCircle className="animate-spin" /> : <ImageUp />}
             </Button>
           </Uploader>
-          <EmojiPickerDialog onEmojiClick={(emoji) => textareaRef.current?.insertText(emoji)}>
-            <Button variant="ghost" size="icon">
-              <Smile />
-            </Button>
-          </EmojiPickerDialog>
           <Button
             variant="ghost"
             size="icon"