fix: muted

src/components/NoteCard/RepostNoteCard.tsx

@@ -1,9 +1,19 @@
+import { useMuteList } from '@/providers/MuteListProvider'
 import client from '@/services/client.service'
 import { Event, kinds, verifyEvent } from 'nostr-tools'
 import { useMemo } from 'react'
 import NormalNoteCard from './NormalNoteCard'
 
-export default function RepostNoteCard({ event, className }: { event: Event; className?: string }) {
+export default function RepostNoteCard({
+  event,
+  className,
+  filterMutedNotes = true
+}: {
+  event: Event
+  className?: string
+  filterMutedNotes?: boolean
+}) {
+  const { mutePubkeys } = useMuteList()
   const targetEvent = useMemo(() => {
     const targetEvent = event.content ? (JSON.parse(event.content) as Event) : null
     try {
@@ -18,6 +28,9 @@ export default function RepostNoteCard({ event, className }: { event: Event; cla
     return targetEvent
   }, [event])
   if (!targetEvent) return null
+  if (filterMutedNotes && mutePubkeys.includes(targetEvent.pubkey)) {
+    return null
+  }
 
   return <NormalNoteCard className={className} reposter={event.pubkey} event={targetEvent} />
 }

src/components/NoteCard/index.tsx

@@ -1,10 +1,26 @@
+import { useMuteList } from '@/providers/MuteListProvider'
 import { Event, kinds } from 'nostr-tools'
-import RepostNoteCard from './RepostNoteCard'
 import NormalNoteCard from './NormalNoteCard'
+import RepostNoteCard from './RepostNoteCard'
+
+export default function NoteCard({
+  event,
+  className,
+  filterMutedNotes = true
+}: {
+  event: Event
+  className?: string
+  filterMutedNotes?: boolean
+}) {
+  const { mutePubkeys } = useMuteList()
+  if (filterMutedNotes && mutePubkeys.includes(event.pubkey)) {
+    return null
+  }
 
-export default function NoteCard({ event, className }: { event: Event; className?: string }) {
   if (event.kind === kinds.Repost) {
-    return <RepostNoteCard event={event} className={className} />
+    return (
+      <RepostNoteCard event={event} className={className} filterMutedNotes={filterMutedNotes} />
+    )
   }
   return <NormalNoteCard event={event} className={className} />
 }

src/components/NoteList/index.tsx

@@ -167,13 +167,6 @@ export default function NoteList({
     setNewEvents([])
   }
 
-  const eventFilter = (event: Event) => {
-    return (
-      (!filterMutedNotes || !mutePubkeys.includes(event.pubkey)) &&
-      (listMode !== 'posts' || !isReplyNoteEvent(event))
-    )
-  }
-
   return (
     <div className={className}>
       <ListModeSwitch
@@ -193,7 +186,12 @@ export default function NoteList({
         pullingContent=""
       >
         <div className="space-y-2 sm:space-y-2">
-          {newEvents.filter(eventFilter).length > 0 && (
+          {newEvents.filter((event: Event) => {
+            return (
+              (!filterMutedNotes || !mutePubkeys.includes(event.pubkey)) &&
+              (listMode !== 'posts' || !isReplyNoteEvent(event))
+            )
+          }).length > 0 && (
             <div className="flex justify-center w-full mt-2">
               <Button size="lg" onClick={showNewEvents}>
                 {t('show new notes')}
@@ -208,9 +206,16 @@ export default function NoteList({
             />
           ) : (
             <div>
-              {events.filter(eventFilter).map((event) => (
-                <NoteCard key={event.id} className="w-full" event={event} />
-              ))}
+              {events
+                .filter((event: Event) => listMode !== 'posts' || !isReplyNoteEvent(event))
+                .map((event) => (
+                  <NoteCard
+                    key={event.id}
+                    className="w-full"
+                    event={event}
+                    filterMutedNotes={filterMutedNotes}
+                  />
+                ))}
             </div>
           )}
           <div className="text-center text-sm text-muted-foreground">