From d0bc7f83fb14ef17bf2d2f336c2ce8657b3f5762 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Fri, 3 Feb 2023 22:55:03 +0100
Subject: [PATCH] display zap summary in note footer

---
 src/Element/NoteFooter.tsx |  5 +++++
 src/element/Zap.css        | 18 +++---------------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/Element/NoteFooter.tsx b/src/Element/NoteFooter.tsx
index 2759d97a..7eeb7be3 100644
--- a/src/Element/NoteFooter.tsx
+++ b/src/Element/NoteFooter.tsx
@@ -238,6 +238,7 @@ export default function NoteFooter(props: NoteFooterProps) {
   }
 
   return (
+    <>
     <div className="footer">
       <div className="footer-reactions">
         {tipButton()}
@@ -266,5 +267,9 @@ export default function NoteFooter(props: NoteFooterProps) {
       />
       <LNURLTip svc={author?.lud16 || author?.lud06} onClose={() => setTip(false)} show={tip} author={author?.pubkey} note={ev.Id} />
     </div>
+    <div className="zaps-container">
+     <ZapsSummary zaps={zaps} />
+    </div>
+    </>
   )
 }
diff --git a/src/element/Zap.css b/src/element/Zap.css
index b70e35f0..3b006c3a 100644
--- a/src/element/Zap.css
+++ b/src/element/Zap.css
@@ -19,11 +19,11 @@
   color: var(--highlight);
 }
 
-.amount {
+.zap .amount {
   font-size: 18px;
 }
 
-.amount:before {
+.zap .amount:before {
   content: '⚡️ ';
 }
 
@@ -40,7 +40,7 @@
 }
 
 .top-zap {
-  font-size: 12px;
+  font-size: 14px;
   border: none;
   margin: 0;
 }
@@ -61,26 +61,14 @@
   height: 21px;
 }
 
-.top-zap .profile-name {
-  font-size: 12px;
-}
-
 .top-zap .nip05 {
   display: none;
 }
 
-.top-zap .amount {
-  font-size: 12px;
-}
-
 .amount-number {
   font-weight: bold;
 }
 
-.rest-zaps {
-  font-size: 12px;
-}
-
 .rest-zaps:before {
   content: ", ";
 }