open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move & more out of the loop

Browse Source
This commit is contained in:
Ian Philips 2022-09-03 06:33:33 -06:00
parent bfa88c3406
commit 2d88675f42
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/multi-user-transaction-link.tsx
View File

@ -32,21 +32,22 @@ 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>
<Modal open={open} setOpen={setOpen} size={'sm'}>