Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show zapper avatars on the same notefooter row

Browse Source
This commit is contained in:
Martti Malmi
2024-01-11 12:00:53 +02:00
parent 536f8ddc5b
commit de6685ade3
10 changed files with 47 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/Components/Event/Note/Note.tsx
View File

@ -55,8 +55,12 @@ export function Note(props: NoteProps) {
<NoteText {...props} translated={translated} showTranslation={showTranslation} />
{translated && <TranslationInfo translated={translated} setShowTranslation={setShowTranslation} />}
{ev.kind === EventKind.Polls && <Poll ev={ev} />}
{optionsMerged.showFooter && (
<div className="mt-4">
<NoteFooter ev={ev} replies={props.threadChains?.get(chainKey(ev))?.length} />
</div>
)}
</div>
{optionsMerged.showFooter && <NoteFooter ev={ev} replies={props.threadChains?.get(chainKey(ev))?.length} />}
</>
);
}

42
packages/app/src/Components/Event/Note/NoteFooter.tsx
View File

@ -193,17 +193,20 @@ export default function NoteFooter(props: NoteFooterProps) {
const targets = getZapTarget();
if (targets) {
return (
<AsyncFooterIcon
className={didZap ? "reacted text-nostr-orange" : "hover:text-nostr-orange"}
{...longPress()}
title={formatMessage({ defaultMessage: "Zap", id: "fBI91o" })}
iconName={canFastZap ? "zapFast" : "zap"}
value={zapTotal}
onClick={e => fastZap(e)}
/>
<div className="flex flex-row gap-4 items-center">
<AsyncFooterIcon
className={didZap ? "reacted text-nostr-orange" : "hover:text-nostr-orange"}
{...longPress()}
title={formatMessage({ defaultMessage: "Zap", id: "fBI91o" })}
iconName={canFastZap ? "zapFast" : "zap"}
value={zapTotal}
onClick={e => fastZap(e)}
/>
<ZapsSummary zaps={zaps} />
</div>
);
}
return null;
return <div className="w-[18px]"></div>;
}
function repostIcon() {
@ -289,19 +292,14 @@ export default function NoteFooter(props: NoteFooterProps) {
};
return (
<>
<div className="footer">
<div className="footer-reactions">
{replyIcon()}
{repostIcon()}
{reactionIcon()}
{tipButton()}
{powIcon()}
</div>
<SendSats targets={getZapTarget()} onClose={() => setTip(false)} show={tip} note={ev.id} allocatePool={true} />
</div>
<ZapsSummary zaps={zaps} />
</>
<div className="flex flex-row justify-between gap-2 overflow-hidden w-[360px] flex-grow max-w-full h-6">
{replyIcon()}
{repostIcon()}
{reactionIcon()}
{powIcon()}
{tipButton()}
<SendSats targets={getZapTarget()} onClose={() => setTip(false)} show={tip} note={ev.id} allocatePool={true} />
</div>
);
}