Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

chore: Update translations
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Martti Malmi 2024-01-04 19:36:46 +00:00
parent eefbc49384
commit 2fa4065414
1 changed files with 25 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/app/src/Components/Event/Reactions.tsx
View File

@ -27,8 +27,9 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
const onClose = () => setShow(false); const onClose = () => setShow(false);
const sortEvents = (events) => events.sort( const sortEvents = events =>
(a, b) => socialGraphInstance.getFollowDistance(a.pubkey) - socialGraphInstance.getFollowDistance(b.pubkey) events.sort(
(a, b) => socialGraphInstance.getFollowDistance(a.pubkey) - socialGraphInstance.getFollowDistance(b.pubkey),
); );
const likes = useMemo(() => sortEvents([...positive]), [positive]); const likes = useMemo(() => sortEvents([...positive]), [positive]);
@ -81,7 +82,10 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
<Tabs tabs={tabs} tab={tab} setTab={setTab} /> <Tabs tabs={tabs} tab={tab} setTab={setTab} />
<div className="reactions-body" key={tab.value}> <div className="reactions-body" key={tab.value}>
{tab.value === 0 && likes.map(ev => renderReactionItem(ev, "heart"))} {tab.value === 0 && likes.map(ev => renderReactionItem(ev, "heart"))}
{tab.value === 1 && zaps.map(z => z.sender && ( {tab.value === 1 &&
zaps.map(
z =>
z.sender && (
<div key={z.id} className="reactions-item"> <div key={z.id} className="reactions-item">
<div className="zap-reaction-icon"> <div className="zap-reaction-icon">
<Icon name="zap" size={20} /> <Icon name="zap" size={20} />
@ -92,10 +96,13 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
pubkey={z.anonZap ? "" : z.sender} pubkey={z.anonZap ? "" : z.sender}
subHeader={<div title={z.content}>{z.content}</div>} subHeader={<div title={z.content}>{z.content}</div>}
link={z.anonZap ? "" : undefined} link={z.anonZap ? "" : undefined}
overrideUsername={z.anonZap ? formatMessage({ defaultMessage: "Anonymous", id: "LXxsbk" }) : undefined} overrideUsername={
z.anonZap ? formatMessage({ defaultMessage: "Anonymous", id: "LXxsbk" }) : undefined
}
/> />
</div> </div>
))} ),
)}
{tab.value === 2 && sortedReposts.map(ev => renderReactionItem(ev, "repost", 16))} {tab.value === 2 && sortedReposts.map(ev => renderReactionItem(ev, "repost", 16))}
{tab.value === 3 && dislikes.map(ev => renderReactionItem(ev, "dislike"))} {tab.value === 3 && dislikes.map(ev => renderReactionItem(ev, "dislike"))}
</div> </div>