simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add "verified" state for profile fields

Browse source
This commit is contained in:
Lim Chee Aun 2022-12-19 17:02:47 +08:00
parent d08848fff3
commit db25770a31
1 changed files with 23 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/account.jsx
View file

@ -7,6 +7,7 @@ import shortenNumber from '../utils/shorten-number';
import store from '../utils/store'; import store from '../utils/store';
import Avatar from './avatar'; import Avatar from './avatar';
import Icon from './icon';
import NameText from './name-text'; import NameText from './name-text';
function Account({ account }) { function Account({ account }) {
@ -129,10 +130,19 @@ function Account({ account }) {
__html: enhanceContent(note, { emojis }), __html: enhanceContent(note, { emojis }),
}} }}
/> />
{fields?.length > 0 && (
<div class="profile-metadata"> <div class="profile-metadata">
{fields.map(({ name, value }) => ( {fields.map(({ name, value, verifiedAt }) => (
<div class="profile-field" key={name}> <div
<b>{name}</b> class={`profile-field ${
verifiedAt ? 'profile-verified' : ''
}`}
key={name}
>
<b>
{name}{' '}
{!!verifiedAt && <Icon icon="check-circle" size="s" />}
</b>
<p <p
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: value, __html: value,
@ -141,6 +151,7 @@ function Account({ account }) {
</div> </div>
))} ))}
</div> </div>
)}
<p class="stats"> <p class="stats">
<span> <span>
<b title={statusesCount}>{shortenNumber(statusesCount)}</b> Posts <b title={statusesCount}>{shortenNumber(statusesCount)}</b> Posts