-
+
{type === 'replies' && isDiscussion && (
diff --git a/src/components/NoteStats/Likes.tsx b/src/components/NoteStats/Likes.tsx
index 314b3127..6c01a60b 100644
--- a/src/components/NoteStats/Likes.tsx
+++ b/src/components/NoteStats/Likes.tsx
@@ -1,20 +1,25 @@
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card'
import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'
+import { ExtendedKind } from '@/constants'
import { useNoteStatsById } from '@/hooks/useNoteStatsById'
import { shouldHideInteractions } from '@/lib/event-filtering'
import { createReactionDraftEvent } from '@/lib/draft-event'
import { cn } from '@/lib/utils'
import { useNostr } from '@/providers/NostrProvider'
+import { useUserTrust } from '@/providers/UserTrustProvider'
import noteStatsService from '@/services/note-stats.service'
import { TEmoji } from '@/types'
import { Loader } from 'lucide-react'
import { Event } from 'nostr-tools'
import { useMemo, useRef, useState } from 'react'
import Emoji from '../Emoji'
+import Username from '../Username'
import logger from '@/lib/logger'
export default function Likes({ event }: { event: Event }) {
const inQuietMode = shouldHideInteractions(event)
const { pubkey, checkLogin, publish } = useNostr()
+ const { hideUntrustedInteractions, isUserTrusted } = useUserTrust()
const noteStats = useNoteStatsById(event.id)
const [liking, setLiking] = useState
(null)
const longPressTimerRef = useRef(null)
@@ -22,9 +27,16 @@ export default function Likes({ event }: { event: Event }) {
const [isCompleted, setIsCompleted] = useState(null)
const likes = useMemo(() => {
- const _likes = noteStats?.likes
+ let _likes = noteStats?.likes
if (!_likes) return []
+ if (event.kind === ExtendedKind.DISCUSSION) {
+ _likes = _likes.filter((item) => item.emoji === '⬆️' || item.emoji === '⬇️')
+ }
+ if (hideUntrustedInteractions) {
+ _likes = _likes.filter((item) => isUserTrusted(item.pubkey))
+ }
+
const stats = new Map }>()
_likes.forEach((item) => {
// In quiet mode, normalize all emojis to "+" to prevent trolling with funny emojis
@@ -42,8 +54,10 @@ export default function Likes({ event }: { event: Event }) {
stats.get(key)?.pubkeys.add(item.pubkey)
}
})
- return Array.from(stats.values()).sort((a, b) => b.pubkeys.size - a.pubkeys.size)
- }, [noteStats, event, inQuietMode])
+ return Array.from(stats.values())
+ .filter((g) => g.pubkeys.size > 0)
+ .sort((a, b) => b.pubkeys.size - a.pubkeys.size)
+ }, [noteStats, event, inQuietMode, hideUntrustedInteractions, isUserTrusted])
if (!likes.length) return null
@@ -123,53 +137,78 @@ export default function Likes({ event }: { event: Event }) {
return (
- {likes.map(({ key, emoji, pubkeys }) => (
-
e.stopPropagation()}
- onMouseDown={() => handleMouseDown(key)}
- onMouseUp={handleMouseUp}
- onMouseLeave={handleMouseLeave}
- onTouchStart={() => handleMouseDown(key)}
- onTouchMove={handleTouchMove}
- onTouchEnd={handleMouseUp}
- onTouchCancel={handleMouseLeave}
- >
- {(isLongPressing === key || isCompleted === key) && (
-
- )}
-
- {liking === key ? (
-
- ) : (
+ {likes.map(({ key, emoji, pubkeys }) => {
+ const contributorIds = Array.from(pubkeys).sort()
+ return (
+
+
e.stopPropagation()}
+ onMouseDown={() => handleMouseDown(key)}
+ onMouseUp={handleMouseUp}
+ onMouseLeave={handleMouseLeave}
+ onTouchStart={() => handleMouseDown(key)}
+ onTouchMove={handleTouchMove}
+ onTouchEnd={handleMouseUp}
+ onTouchCancel={handleMouseLeave}
>
-
+ {(isLongPressing === key || isCompleted === key) && (
+
+ )}
+
+ {liking === key ? (
+
+ ) : (
+
+
+
+ )}
+
{pubkeys.size}
+
{pubkeys.size}
-
-
- ))}
+
+
e.stopPropagation()}
+ >
+
+
+ {contributorIds.map((userId) => (
+
+ ))}
+
+
+
+
+ )
+ })}
- {filteredLikes.slice(0, showCount).map((like) => (
-
push(toProfile(like.pubkey))}
- >
-
-
-
-
-
-
-
-
- ))}
-
-
-
-
- {filteredLikes.length > 0 ? t('No more reactions') : t('No reactions yet')}
-
-
push(toProfile(zap.pubkey))}
+ >
+
+
+
+
+
+
+
+
+
+
+
+ {formatAmount(zap.amount)} {t('sats')}
+
+
+ ·
+
+
+
+
+
+
+ {zap.comment ?
: null}
+
+
+
{loading &&
}
+ {zapsForFeed.map((zap) => (
+
+ ))}
{!loading && until && (
{
- return (noteStats?.reposts ?? [])
- .filter((repost) => !hideUntrustedInteractions || isUserTrusted(repost.pubkey))
- .sort((a, b) => b.created_at - a.created_at)
- }, [noteStats, event.id, hideUntrustedInteractions, isUserTrusted])
-
- const [showCount, setShowCount] = useState(SHOW_COUNT)
- const bottomRef = useRef
(null)
-
- useEffect(() => {
- if (!bottomRef.current || filteredReposts.length <= showCount) return
- const obs = new IntersectionObserver(
- ([entry]) => {
- if (entry.isIntersecting) setShowCount((c) => c + SHOW_COUNT)
- },
- { rootMargin: '10px', threshold: 0.1 }
- )
- obs.observe(bottomRef.current)
- return () => obs.disconnect()
- }, [filteredReposts.length, showCount])
-
- return (
-
- {filteredReposts.slice(0, showCount).map((repost) => (
-
push(toProfile(repost.pubkey))}
- >
-
-
-
-
-
-
- ))}
-
-
-
-
- {filteredReposts.length > 0 ? t('No more boosts') : t('No boosts yet')}
-
-
- {filteredZaps.slice(0, showCount).map((zap) => (
-
push(toProfile(zap.pubkey))}
- >
-
-
-
{formatAmount(zap.amount)}
-
-
-
-
- ))}
-
-
-
-
- {filteredZaps.length > 0 ? t('No more zaps') : t('No zaps yet')}
-
-