matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Directory account card update

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-07-01 20:30:37 +02:00
parent ee5f1823ad
commit 66d1334539
5 changed files with 37 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/account.tsx
View File

@ -86,6 +86,7 @@ interface IAccount {
timestampUrl?: string;
futureTimestamp?: boolean;
withAccountNote?: boolean;
withAvatar?: boolean;
withDate?: boolean;
withLinkToProfile?: boolean;
withRelationship?: boolean;
@ -114,6 +115,7 @@ const Account = ({
timestampUrl,
futureTimestamp = false,
withAccountNote = false,
withAvatar = true,
withDate = false,
withLinkToProfile = true,
withRelationship = true,
@ -243,21 +245,23 @@ const Account = ({
<div data-testid='account' className='group block w-full shrink-0' ref={overflowRef}>
<HStack alignItems={actionAlignment} space={3} justifyContent='between'>
<HStack alignItems={withAccountNote || note ? 'top' : 'center'} space={3} className='overflow-hidden'>
<ProfilePopper
condition={showProfileHoverCard}
wrapper={(children) => <HoverRefWrapper className='relative' accountId={account.id} inline>{children}</HoverRefWrapper>}
>
<LinkEl className='rounded-full' {...linkProps}>
<Avatar src={account.avatar} size={avatarSize} />
{emoji && (
<Emoji
className='absolute -right-1.5 bottom-0 h-5 w-5'
emoji={emoji}
src={emojiUrl}
/>
)}
</LinkEl>
</ProfilePopper>
{withAvatar && (
<ProfilePopper
condition={showProfileHoverCard}
wrapper={(children) => <HoverRefWrapper className='relative' accountId={account.id} inline>{children}</HoverRefWrapper>}
>
<LinkEl className='rounded-full' {...linkProps}>
<Avatar src={account.avatar} size={avatarSize} />
{emoji && (
<Emoji
className='absolute -right-1.5 bottom-0 h-5 w-5'
emoji={emoji}
src={emojiUrl}
/>
)}
</LinkEl>
</ProfilePopper>
)}
<div className='grow overflow-hidden'>
<ProfilePopper