diff --git a/routes/_components/profile/AccountProfileMeta.html b/routes/_components/profile/AccountProfileMeta.html index 4cc2175..4ddc644 100644 --- a/routes/_components/profile/AccountProfileMeta.html +++ b/routes/_components/profile/AccountProfileMeta.html @@ -1,8 +1,8 @@ -{#if emojifiedFields.length} +{#if massagedFields.length}

Fields

- {#each emojifiedFields as field, i} + {#each massagedFields as field, i}
{@html field.value}
+
+ {#if field.verified} + + {/if} +
{/each}
@@ -25,7 +32,7 @@ .account-profile-meta { grid-area: meta; display: grid; - grid-template-columns: max-content 1fr; + grid-template-columns: max-content 1fr min-content; grid-row-gap: 5px; align-items: center; padding: 10px 0; @@ -34,7 +41,7 @@ .account-profile-meta-border { height: 1px; width: 100%; - grid-column: 1 / 3; + grid-column: 1 / 4; background: var(--main-border); justify-self: center; } @@ -47,6 +54,12 @@ font-size: 1.1em; } + .account-profile-meta-verified-svg { + width: 24px; + height: 24px; + fill: var(--svg-fill); + } + .account-profile-meta-name { padding: 10px 20px 10px 0; text-transform: uppercase; @@ -92,9 +105,10 @@ computed: { emojis: ({ account }) => account.emojis || [], fields: ({ account }) => account.fields || [], - emojifiedFields: ({ fields, emojis, $autoplayGifs }) => (fields.map(field => ({ + massagedFields: ({ fields, emojis, $autoplayGifs }) => (fields.map(field => ({ name: field.name, - value: emojifyText(field.value, emojis, $autoplayGifs) + value: emojifyText(field.value, emojis, $autoplayGifs), + verified: !!field.verified_at }))) } }