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

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

@ -32,20 +32,21 @@ export function MultiUserTransactionLink(props: {
setOpen(true) setOpen(true)
}} }}
> >
<Row className={'gap-1'}> <Row className={'items-center gap-1 sm:gap-2'}>
{userInfos.map((userInfo, index) => {userInfos.map(
index < maxShowCount ? ( (userInfo, index) =>
<Row key={userInfo.username + 'shortened'}> index < maxShowCount && (
<Avatar <Avatar
username={userInfo.username} username={userInfo.username}
size={'sm'} size={'sm'}
avatarUrl={userInfo.avatarUrl} avatarUrl={userInfo.avatarUrl}
noLink={userInfos.length > 1} 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> </Row>
</Button> </Button>