roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-18 10:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: restructure project into yarn workspaces, remove next

Browse source
This commit is contained in:
41666 2021-03-09 23:25:16 -05:00
parent 49e308507e
commit 8d06327c03
266 changed files with 16466 additions and 3350 deletions
Download patch file Download diff file Expand all files Collapse all files

28
packages/design-system/molecules/user-avatar-group/UserAvatarGroup.tsx Normal file
View file

@ -0,0 +1,28 @@
import { Avatar, utils } from '@roleypoly/design-system/atoms/avatar';
import * as React from 'react';
import { DiscordUser } from '../../../../src/common/types';
import { Collapse, Discriminator, Group, GroupText } from './UserAvatarGroup.styled';
type Props = {
user: DiscordUser;
preventCollapse?: boolean;
};
export const UserAvatarGroup = (props: Props) => (
<Group>
<Collapse preventCollapse={props.preventCollapse || false}>
<GroupText>
{props.user.username}
<Discriminator>#{props.user.discriminator}</Discriminator>
</GroupText>
&nbsp;
</Collapse>
<Avatar
size={34}
hash={props.user.avatar}
src={utils.avatarHash(props.user.id, props.user.avatar, 'avatars')}
>
{utils.initialsFromName(props.user.username)}
</Avatar>
</Group>
);