From 1bb40ea185340de3799208c5e0cc72a8beafe514 Mon Sep 17 00:00:00 2001
From: Bojan Mojsilovic <bmojsilovic@itekako.com>
Date: Thu, 18 Apr 2024 13:41:19 +0200
Subject: [PATCH] Initial zap animation fix

---
 src/components/Note/NoteFooter/NoteFooter.module.scss | 6 +++---
 src/components/Note/NoteFooter/NoteFooter.tsx         | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Note/NoteFooter/NoteFooter.module.scss b/src/components/Note/NoteFooter/NoteFooter.module.scss
index b25d609..29a098a 100644
--- a/src/components/Note/NoteFooter/NoteFooter.module.scss
+++ b/src/components/Note/NoteFooter/NoteFooter.module.scss
@@ -178,9 +178,9 @@
   }
 }
 
-.smallZapLottie {
-  width: 32px;
-  height: 32px;
+.largeZapLottie {
+  width: 341px;
+  height: 95px;
   position: absolute;
   z-index: 20;
 }
diff --git a/src/components/Note/NoteFooter/NoteFooter.tsx b/src/components/Note/NoteFooter/NoteFooter.tsx
index 5bc35d7..a958c9f 100644
--- a/src/components/Note/NoteFooter/NoteFooter.tsx
+++ b/src/components/Note/NoteFooter/NoteFooter.tsx
@@ -219,8 +219,8 @@ const NoteFooter: Component<{
         return;
       }
 
-      const newLeft = props.wide ? 36 : 24;
-      const newTop = props.wide ? -28 : -28;
+      const newLeft = props.wide ? 33 : 21;
+      const newTop = props.wide ? -29 : -29;
 
       medZapAnimation.style.left = `${newLeft}px`;
       medZapAnimation.style.top = `${newTop}px`;
@@ -310,7 +310,7 @@ const NoteFooter: Component<{
         <ZapAnimation
           id={`note-med-zap-${props.note.post.id}`}
           src={zapMD}
-          class={styles.mediumZapLottie}
+          class={props.large ? styles.largeZapLottie : styles.mediumZapLottie}
           ref={medZapAnimation}
         />
       </Show>