From 2d88675f42ac7384a3634cf5d2c5dc4634910f04 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Sat, 3 Sep 2022 06:33:33 -0600
Subject: [PATCH] Move & more out of the loop

---
 web/components/multi-user-transaction-link.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/components/multi-user-transaction-link.tsx b/web/components/multi-user-transaction-link.tsx
index 70d273db..3f44349f 100644
--- a/web/components/multi-user-transaction-link.tsx
+++ b/web/components/multi-user-transaction-link.tsx
@@ -32,20 +32,21 @@ export function MultiUserTransactionLink(props: {
           setOpen(true)
         }}
       >
-        <Row className={'gap-1'}>
-          {userInfos.map((userInfo, index) =>
-            index < maxShowCount ? (
-              <Row key={userInfo.username + 'shortened'}>
+        <Row className={'items-center gap-1 sm:gap-2'}>
+          {userInfos.map(
+            (userInfo, index) =>
+              index < maxShowCount && (
                 <Avatar
                   username={userInfo.username}
                   size={'sm'}
                   avatarUrl={userInfo.avatarUrl}
                   noLink={userInfos.length > 1}
+                  key={userInfo.username + 'avatar'}
                 />
-              </Row>
-            ) : (
-              <span>& {userInfos.length - maxShowCount} more</span>
-            )
+              )
+          )}
+          {userInfos.length > maxShowCount && (
+            <span>& {userInfos.length - maxShowCount} more</span>
           )}
         </Row>
       </Button>