From 625b7fb1a092e0c0157658e65a45075b44f90e38 Mon Sep 17 00:00:00 2001
From: "P. Reis" <patrickpereirareal1@gmail.com>
Date: Wed, 12 Jun 2024 23:28:34 -0300
Subject: [PATCH] feat: render zaps from status.zaps_amount

- create onOpenZapsModal
- create handleOpenZapsModal
- getZaps
---
 .../components/status-interaction-bar.tsx     | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/features/status/components/status-interaction-bar.tsx b/src/features/status/components/status-interaction-bar.tsx
index 2e1809a22..cee040336 100644
--- a/src/features/status/components/status-interaction-bar.tsx
+++ b/src/features/status/components/status-interaction-bar.tsx
@@ -55,6 +55,13 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
     }));
   };
 
+  const onOpenZapsModal = (username: string, statusId: string): void => {
+    dispatch(openModal('ZAPS', {
+      username,
+      statusId,
+    }));
+  };
+
   const getNormalizedReacts = () => {
     return reduceEmoji(
       status.reactions,
@@ -189,11 +196,36 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
     return null;
   };
 
+  const handleOpenZapsModal = () => {
+    if (!me) {
+      return onOpenUnauthorizedModal();
+    }
+
+    onOpenZapsModal(account.acct, status.id);
+  };
+
+  const getZaps = () => {
+    if (status.zaps_amount) {
+      return (
+        <InteractionCounter count={status.zaps_amount / 1000} onClick={handleOpenZapsModal}>
+          <FormattedMessage
+            id='status.interactions.zaps'
+            defaultMessage='{count, plural, one {Zap} other {Zaps}}'
+            values={{ count: status.zaps_amount }}
+          />
+        </InteractionCounter>
+      );
+    }
+
+    return null;
+  };
+
   return (
     <HStack space={3}>
       {getReposts()}
       {getQuotes()}
       {(features.emojiReacts || features.emojiReactsMastodon) ? getEmojiReacts() : getFavourites()}
+      {getZaps()}
       {getDislikes()}
     </HStack>
   );