diff --git a/src/components/icon.jsx b/src/components/icon.jsx index cd2b5357..8b39f789 100644 --- a/src/components/icon.jsx +++ b/src/components/icon.jsx @@ -28,6 +28,7 @@ export const ICONS = { 'eye-open': () => import('@iconify-icons/mingcute/eye-2-line'), message: () => import('@iconify-icons/mingcute/mail-line'), comment: () => import('@iconify-icons/mingcute/chat-3-line'), + comment2: () => import('@iconify-icons/mingcute/comment-2-line'), home: () => import('@iconify-icons/mingcute/home-3-line'), notification: () => import('@iconify-icons/mingcute/notification-line'), follow: () => import('@iconify-icons/mingcute/user-follow-line'), diff --git a/src/components/status.jsx b/src/components/status.jsx index a5ef587c..8030fb28 100644 --- a/src/components/status.jsx +++ b/src/components/status.jsx @@ -533,7 +533,7 @@ function Status({ {repliesCount > 0 && ( - {' '} + {' '} {shortenNumber(repliesCount)} )}{' '} @@ -989,6 +989,23 @@ function Status({ // ); }, [showMultipleMediaCaptions, displayedMediaAttachments, language]); + const isThread = useMemo(() => { + return ( + (!!inReplyToId && inReplyToAccountId === status.account?.id) || + !!snapStates.statusThreadNumber[sKey] + ); + }, [inReplyToId, inReplyToAccountId, status.account?.id, snapStates.statusThreadNumber[sKey]]); + + const showCommentHint = useMemo(() => { + return ( + !isThread && + !withinContext && + !inReplyToId && + visibility === 'public' && + repliesCount > 0 + ); + }, [isThread, withinContext, inReplyToId, repliesCount, visibility]); + return (
- {' '} + {showCommentHint ? ( + + ) : ( + + )}{' '} ) : ( @@ -1218,8 +1245,7 @@ function Status({ )} {!withinContext && ( <> - {(!!inReplyToId && inReplyToAccountId === status.account?.id) || - !!snapStates.statusThreadNumber[sKey] ? ( + {isThread ? (
Thread