miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

ProfileField: style verified links

next
Alex Gleason 2022-04-29 21:51:48 -05:00
rodzic ce73b30237
commit c4e376816d
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 10 dodań i 8 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

18
app/soapbox/features/ui/components/profile_fields_panel.tsx
Wyświetl plik

@ -2,7 +2,7 @@ import classNames from 'classnames';
import React from 'react';
import { defineMessages, useIntl, FormattedMessage, FormatDateOptions } from 'react-intl';
import { Widget, Stack, Icon, Text } from 'soapbox/components/ui';
import { Widget, Stack, HStack, Icon, Text } from 'soapbox/components/ui';
import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
import { CryptoAddress } from 'soapbox/features/ui/util/async-components';
@ -55,16 +55,18 @@ const ProfileField: React.FC<IProfileField> = ({ field }) => {
</dt>
<dd
className={classNames({ 'verified': field.verified_at })}
className={classNames({ 'text-success-500': field.verified_at })}
title={field.value_plain}
>
{field.verified_at && (
<span title={intl.formatMessage(messages.linkVerifiedOn, { date: intl.formatDate(field.verified_at, dateFormatOptions) })}>
<Icon className='verified__mark' src={require('@tabler/icons/icons/check.svg')} />
</span>
)}
<HStack space={2} alignItems='center'>
{field.verified_at && (
<span className='flex-none' title={intl.formatMessage(messages.linkVerifiedOn, { date: intl.formatDate(field.verified_at, dateFormatOptions) })}>
<Icon src={require('@tabler/icons/icons/check.svg')} />
</span>
)}
<Text tag='span' dangerouslySetInnerHTML={{ __html: field.value_emojified }} />
<Text tag='span' dangerouslySetInnerHTML={{ __html: field.value_emojified }} />
</HStack>
</dd>
</dl>
);