bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve post details styling

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-10-21 21:14:24 +02:00
parent 907a7177de
commit b7a7ea4027
1 changed files with 24 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
packages/pl-fe/src/features/status/components/detailed-status.tsx
View file

@ -144,35 +144,34 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
<HStack space={1} alignItems='center'>
<span>
<a href={actualStatus.url} target='_blank' rel='noopener' className='hover:underline'>
<Text tag='span' theme='muted' size='sm'>
<Text tag='span' theme='muted' size='sm'>
<a href={actualStatus.url} target='_blank' rel='noopener' className='hover:underline'>
<FormattedDate value={new Date(actualStatus.created_at)} hour12 year='numeric' month='short' day='2-digit' hour='numeric' minute='2-digit' />
</Text>
</a>
{actualStatus.application && (
<a href={(actualStatus.application.website) ? actualStatus.application.website : '#' } target='_blank' rel='noopener' className='hover:underline ml-2'>
<Text tag='span' theme='muted' size='sm'>
({actualStatus.application.name})
</Text>
</a>
)}
{actualStatus.edited_at && (
<>
{' · '}
<div
className='inline hover:underline'
onClick={handleOpenCompareHistoryModal}
role='button'
tabIndex={0}
>
<Text tag='span' theme='muted' size='sm'>
{actualStatus.application && (
<>
{' · '}
<a href={(actualStatus.application.website) ? actualStatus.application.website : '#'} target='_blank' rel='noopener' className='hover:underline'>
({actualStatus.application.name})
</a>
</>
)}
{actualStatus.edited_at && (
<>
{' · '}
<div
className='inline hover:underline'
onClick={handleOpenCompareHistoryModal}
role='button'
tabIndex={0}
>
<FormattedMessage id='status.edited' defaultMessage='Edited {date}' values={{ date: intl.formatDate(new Date(actualStatus.edited_at), { hour12: true, month: 'short', day: '2-digit', hour: 'numeric', minute: '2-digit' }) }} />
</Text>
</div>
</>
)}
</div>
</>
)}
</Text>
</span>
<StatusTypeIcon status={actualStatus} />