open zaps tab
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Martti Malmi 2024-01-12 14:06:13 +02:00
parent 7ee210da16
commit 6657161a32
2 changed files with 4 additions and 3 deletions

View File

@ -38,7 +38,7 @@ export default function NoteFooter(props: NoteFooterProps) {
{prefs.enableReactions && <LikeButton ev={ev} positiveReactions={positive} />}
{CONFIG.showPowIcon && <PowIcon ev={ev} />}
<FooterZapButton ev={ev} zaps={zaps} onClickZappers={() => setShowReactions(true)} />
{showReactions && <ReactionsModal onClose={() => setShowReactions(false)} event={ev} />}
{showReactions && <ReactionsModal initialTab={1} onClose={() => setShowReactions(false)} event={ev} />}
</div>
);
}

View File

@ -17,9 +17,10 @@ import messages from "../../messages";
interface ReactionsModalProps {
onClose(): void;
event: TaggedNostrEvent;
initialTab?: number;
}
const ReactionsModal = ({ onClose, event }: ReactionsModalProps) => {
const ReactionsModal = ({ onClose, event, initialTab = 0 }: ReactionsModalProps) => {
const { formatMessage } = useIntl();
const link = NostrLink.fromEvent(event);
@ -55,7 +56,7 @@ const ReactionsModal = ({ onClose, event }: ReactionsModalProps) => {
return dislikes.length !== 0 ? baseTabs.concat(createTab(messages.Dislikes, dislikes.length, 3)) : baseTabs;
}, [likes.length, zaps.length, reposts.length, dislikes.length, formatMessage]);
const [tab, setTab] = useState(tabs[0]);
const [tab, setTab] = useState(tabs[initialTab]);
const renderReactionItem = (ev, icon, size) => (
<div key={ev.id} className="reactions-item">