From 6657161a32d4c83a56d335f357f86fc285496ea5 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Fri, 12 Jan 2024 14:06:13 +0200
Subject: [PATCH] open zaps tab

---
 .../app/src/Components/Event/Note/NoteFooter/NoteFooter.tsx  | 2 +-
 packages/app/src/Components/Event/Note/ReactionsModal.tsx    | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

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 && <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>
   );
 }
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) => (
     <div key={ev.id} className="reactions-item">