diff --git a/packages/app/src/Components/Event/Note/NoteFooter/NoteFooter.tsx b/packages/app/src/Components/Event/Note/NoteFooter/NoteFooter.tsx index 3b47d65d..c37647f3 100644 --- a/packages/app/src/Components/Event/Note/NoteFooter/NoteFooter.tsx +++ b/packages/app/src/Components/Event/Note/NoteFooter/NoteFooter.tsx @@ -38,7 +38,7 @@ export default function NoteFooter(props: NoteFooterProps) { {prefs.enableReactions && } {CONFIG.showPowIcon && } setShowReactions(true)} /> - {showReactions && setShowReactions(false)} event={ev} />} + {showReactions && setShowReactions(false)} event={ev} />} ); } diff --git a/packages/app/src/Components/Event/Note/ReactionsModal.tsx b/packages/app/src/Components/Event/Note/ReactionsModal.tsx index 77feaf94..cef25863 100644 --- a/packages/app/src/Components/Event/Note/ReactionsModal.tsx +++ b/packages/app/src/Components/Event/Note/ReactionsModal.tsx @@ -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) => (