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) => (