From 703da5389aa14ea8309691e882dca2009cbaa4d7 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Fri, 12 Jan 2024 01:04:41 +0200
Subject: [PATCH] add +n after zappers

---
 packages/app/src/Components/Event/ZapsSummary.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/Components/Event/ZapsSummary.tsx b/packages/app/src/Components/Event/ZapsSummary.tsx
index 962212d1..0c063535 100644
--- a/packages/app/src/Components/Event/ZapsSummary.tsx
+++ b/packages/app/src/Components/Event/ZapsSummary.tsx
@@ -13,7 +13,7 @@ export const ZapsSummary = ({ zaps }: ZapsSummaryProps) => {
     const priv = [...zaps.filter(z => !z.sender && z.valid)];
     pub.sort((a, b) => b.amount - a.amount);
     return dedupe(pub.concat(priv).map(z => z.sender)).slice(0, 3);
-  }, [zaps]);
+  }, [zaps]) as string[];
 
   if (zaps.length === 0) {
     return null;
@@ -24,6 +24,11 @@ export const ZapsSummary = ({ zaps }: ZapsSummaryProps) => {
       <div className={`top-zap`}>
         <div className="summary">
           <AvatarGroup ids={sortedZappers} />
+          {zaps.length > 3 && (
+            <div className="hidden md:flex -ml-2">
+              +{zaps.length - 3}
+            </div>
+          )}
         </div>
       </div>
     </div>