Limit displayed fields to 2

mastodon · Jun 18, 2024 · 00e5522 · 00e5522
1 parent 6e80bca
commit 00e5522
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/javascript/mastodon/components/account_fields.tsx b/app/javascript/mastodon/components/account_fields.tsx
@@ -7,7 +7,8 @@ import type { Account } from 'mastodon/models/account';
 
 export const AccountFields: React.FC<{
   fields: Account['fields'];
-}> = ({ fields }) => {
+  limit: number;
+}> = ({ fields, limit = -1 }) => {
   const ref = useLinks(fields);
 
   if (fields.size === 0) {
@@ -16,7 +17,7 @@ export const AccountFields: React.FC<{
 
   return (
     <div className='account-fields' ref={ref}>
-      {fields.map((pair, i) => (
+      {fields.take(limit).map((pair, i) => (
         <dl
           key={i}
           className={classNames({ verified: pair.get('verified_at') })}

diff --git a/app/javascript/mastodon/components/hover_card.tsx b/app/javascript/mastodon/components/hover_card.tsx
@@ -138,7 +138,7 @@ export const HoverCard: React.FC = () => {
                     note={account.note_emojified}
                     className='hover-card__bio'
                   />
-                  <AccountFields fields={account.fields} />
+                  <AccountFields fields={account.fields} limit={2} />
                 </div>
 
                 <div className='hover-card__number'>