fix(profile): pronouns menu items

statsfm · Oct 20, 2024 · be85b69 · be85b69
1 parent ab4fe02
commit be85b69
Showing 1 changed file with 3 additions and 12 deletions.
diff --git a/src/pages/settings/profile.tsx b/src/pages/settings/profile.tsx
@@ -448,10 +448,6 @@ const AccountPrivacyInfoForm: FC<AccountPrivacyInfoFormProps> = ({
       <Menu id="pronouns" className="z-20">
         {({ open }) => (
           <>
-            <Overlay
-              className="!z-20 bg-background/60 sm:bg-transparent"
-              visible={open}
-            />
             <Menu.Button>
               <div className="z-20 flex">
                 {pronoun}
@@ -468,14 +464,9 @@ const AccountPrivacyInfoForm: FC<AccountPrivacyInfoFormProps> = ({
               <Menu.Item value="none" onClick={(value) => setPronoun(value)}>
                 none
               </Menu.Item>
-              {pronouns.map((pronoun, i) => (
-                <Menu.Item
-                  value={pronoun.aliases[0]}
-                  onClick={(value) => setPronoun(value)}
-                  key={i}
-                >
-                  {pronoun.aliases[0]}{' '}
-                  <span>{pronoun.description.toLowerCase()}</span>
+              {pronouns.map(({ aliases: [name], description }, i) => (
+                <Menu.Item value={name} onClick={setPronoun} key={i}>
+                  {name} <span>{description.toLowerCase()}</span>
                 </Menu.Item>
               ))}
             </Menu.Items>