refactor: 💨

src/components/ParentNotePreview/index.tsx

@@ -1,9 +1,6 @@
 import { Skeleton } from '@/components/ui/skeleton'
 import { useFetchEvent } from '@/hooks'
-import { isSupportedKind } from '@/lib/event'
 import { cn } from '@/lib/utils'
-import { useMuteList } from '@/providers/MuteListProvider'
-import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import ContentPreview from '../ContentPreview'
 import UserAvatar from '../UserAvatar'
@@ -18,21 +15,15 @@ export default function ParentNotePreview({
   onClick?: React.MouseEventHandler<HTMLDivElement> | undefined
 }) {
   const { t } = useTranslation()
-  const { mutePubkeys } = useMuteList()
   const { event, isFetching } = useFetchEvent(eventId)
-  const isMuted = useMemo(
-    () => (event ? mutePubkeys.includes(event.pubkey) : false),
-    [mutePubkeys, event]
-  )
 
   if (isFetching) {
     return (
       <div
         className={cn(
-          'flex gap-1 items-center text-sm rounded-full px-2 bg-muted w-44 max-w-full text-muted-foreground hover:text-foreground cursor-pointer',
+          'flex gap-1 items-center text-sm rounded-full px-2 bg-muted w-44 max-w-full text-muted-foreground',
           className
         )}
-        onClick={onClick}
       >
         <div className="shrink-0">{t('reply to')}</div>
         <Skeleton className="w-4 h-4 rounded-full" />
@@ -43,37 +34,18 @@ export default function ParentNotePreview({
     )
   }
 
-  if (!event) {
-    return (
-      <div
-        className={cn(
-          'flex gap-1 items-center text-sm rounded-full px-2 bg-muted w-fit max-w-full text-muted-foreground',
-          className
-        )}
-      >
-        <div className="shrink-0">{t('reply to')}</div>
-        <div>{`[${t('Note not found')}]`}</div>
-      </div>
-    )
-  }
-
   return (
     <div
       className={cn(
-        'flex gap-1 items-center text-sm rounded-full px-2 bg-muted w-fit max-w-full text-muted-foreground hover:text-foreground cursor-pointer',
+        'flex gap-1 items-center text-sm rounded-full px-2 bg-muted w-fit max-w-full text-muted-foreground',
+        event && 'hover:text-foreground cursor-pointer',
         className
       )}
-      onClick={onClick}
+      onClick={event ? onClick : undefined}
     >
       <div className="shrink-0">{t('reply to')}</div>
       {event && <UserAvatar className="shrink-0" userId={event.pubkey} size="tiny" />}
-      {isMuted ? (
-        <div className="truncate">[{t('This user has been muted')}]</div>
-      ) : !isSupportedKind(event.kind) ? (
-        <div className="truncate">[{t('Cannot handle event of kind k', { k: event.kind })}]</div>
-      ) : (
-        <ContentPreview className="truncate" event={event} />
-      )}
+      <ContentPreview className="truncate" event={event} />
     </div>
   )
 }