import { useState } from 'react' import { Row } from 'web/components/layout/row' import { Modal } from 'web/components/layout/modal' import { Col } from 'web/components/layout/col' import { formatMoney } from 'common/util/format' import { Avatar } from 'web/components/avatar' import { UserLink } from 'web/components/user-link' import { Button } from 'web/components/button' export type MultiUserLinkInfo = { name: string username: string avatarUrl: string | undefined amount: number } export function MultiUserTransactionLink(props: { userInfos: MultiUserLinkInfo[] modalLabel: string }) { const { userInfos, modalLabel } = props const [open, setOpen] = useState(false) const maxShowCount = 5 return ( {modalLabel} {userInfos.map((userInfo) => ( +{formatMoney(userInfo.amount)} ))} ) }