this repo has no description
Experiment show replies hint
+35
-8
+1
src/components/icon.jsx
+1
src/components/icon.jsx
···
28
28
'eye-open': () => import('@iconify-icons/mingcute/eye-2-line'),
29
29
message: () => import('@iconify-icons/mingcute/mail-line'),
30
30
comment: () => import('@iconify-icons/mingcute/chat-3-line'),
31
+
comment2: () => import('@iconify-icons/mingcute/comment-2-line'),
31
32
home: () => import('@iconify-icons/mingcute/home-3-line'),
32
33
notification: () => import('@iconify-icons/mingcute/notification-line'),
33
34
follow: () => import('@iconify-icons/mingcute/user-follow-line'),
+34
-8
src/components/status.jsx
+34
-8
src/components/status.jsx
···
533
533
<span class="ib">
534
534
{repliesCount > 0 && (
535
535
<span>
536
-
<Icon icon="reply" alt="Replies" size="s" />{' '}
536
+
<Icon icon="comment2" alt="Replies" size="s" />{' '}
537
537
<span>{shortenNumber(repliesCount)}</span>
538
538
</span>
539
539
)}{' '}
···
989
989
// );
990
990
}, [showMultipleMediaCaptions, displayedMediaAttachments, language]);
991
991
992
+
const isThread = useMemo(() => {
993
+
return (
994
+
(!!inReplyToId && inReplyToAccountId === status.account?.id) ||
995
+
!!snapStates.statusThreadNumber[sKey]
996
+
);
997
+
}, [inReplyToId, inReplyToAccountId, status.account?.id, snapStates.statusThreadNumber[sKey]]);
998
+
999
+
const showCommentHint = useMemo(() => {
1000
+
return (
1001
+
!isThread &&
1002
+
!withinContext &&
1003
+
!inReplyToId &&
1004
+
visibility === 'public' &&
1005
+
repliesCount > 0
1006
+
);
1007
+
}, [isThread, withinContext, inReplyToId, repliesCount, visibility]);
1008
+
992
1009
return (
993
1010
<article
994
1011
data-state-post-id={sKey}
···
1151
1168
: ''
1152
1169
}`}
1153
1170
>
1154
-
<Icon
1155
-
icon={visibilityIconsMap[visibility]}
1156
-
alt={visibilityText[visibility]}
1157
-
size="s"
1158
-
/>{' '}
1171
+
{showCommentHint ? (
1172
+
<Icon
1173
+
icon="comment2"
1174
+
size="s"
1175
+
alt={`${repliesCount} ${
1176
+
repliesCount === 1 ? 'reply' : 'replies'
1177
+
}`}
1178
+
/>
1179
+
) : (
1180
+
<Icon
1181
+
icon={visibilityIconsMap[visibility]}
1182
+
alt={visibilityText[visibility]}
1183
+
size="s"
1184
+
/>
1185
+
)}{' '}
1159
1186
<RelativeTime datetime={createdAtDate} format="micro" />
1160
1187
</Link>
1161
1188
) : (
···
1218
1245
)}
1219
1246
{!withinContext && (
1220
1247
<>
1221
-
{(!!inReplyToId && inReplyToAccountId === status.account?.id) ||
1222
-
!!snapStates.statusThreadNumber[sKey] ? (
1248
+
{isThread ? (
1223
1249
<div class="status-thread-badge">
1224
1250
<Icon icon="thread" size="s" />
1225
1251
Thread