From efcb6ea6cc004720f2e45fa8acc20405e1cf5113 Mon Sep 17 00:00:00 2001
From: Nexite <nikhil@gargmail.com>
Date: Fri, 12 Nov 2021 17:28:26 -0800
Subject: [PATCH 1/2] fix other pronoun field

---
 src/components/UserProperty/Pronoun.js | 44 ++++++++++++++------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/components/UserProperty/Pronoun.js b/src/components/UserProperty/Pronoun.js
index 2b39681..37844c0 100644
--- a/src/components/UserProperty/Pronoun.js
+++ b/src/components/UserProperty/Pronoun.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Input from '@codeday/topo/Atom/Input/Text';
 import FormControl, { Label } from '@codeday/topo/Atom/Form';
 import Text, { Link } from '@codeday/topo/Atom/Text';
+import Box from '@codeday/topo/Atom/Box' 
 import Radio, { Group, Stack } from '@codeday/topo/Atom/Input/Radio';
 
 const CUSTOM = 'custom';
@@ -23,26 +24,29 @@ const Pronoun = ({ user, onChange }) => {
   const defaultRadios = Object.keys(defaultPronouns)
     .map((k) => <Radio key={k} value={k}>{defaultPronouns[k]}</Radio>);
 
-  const customRadio = (
-    <Radio key={CUSTOM} value={CUSTOM}>
-      {
-        custom || selection === CUSTOM
-          ? (
-            <Input
-              value={custom}
-              onChange={(e) => {
-                setSelection(CUSTOM);
-                setCustom(e.target.value);
-                onChange({ pronoun: e.target.value });
-              }}
-            />
-          ) : (
-            <Text color="gray.500" as="span">(other)</Text>
-          )
-      }
-    </Radio>
-  );
-
+    const customRadio = ( 
+      <Box as="span"> 
+        <Radio key={CUSTOM} value={CUSTOM}> 
+          {" "} 
+        </Radio> 
+        { 
+          custom || selection === CUSTOM ? ( 
+            <Input 
+              w={"auto"} 
+              value={custom} 
+              onChange={(e) => { 
+                console.log(e) 
+                setCustom(e.target.value); 
+                onChange({ pronoun: e.target.value }); 
+                setSelection(CUSTOM); 
+              }} 
+            /> 
+          ) : ( 
+            <Text color="gray.500" as="span">(other)</Text> 
+          ) 
+        } 
+      </Box> 
+    ); 
   return (
     <FormControl>
       <Label fontWeight="bold">

From bbbac0e008868036a8ee4f73f4b54bfad7674717 Mon Sep 17 00:00:00 2001
From: Nexite <Nikhil@gargmail.com>
Date: Wed, 9 Mar 2022 23:02:43 -0800
Subject: [PATCH 2/2] Update src/components/UserProperty/Pronoun.js

Co-authored-by: Mikel Brierly <mikelbrierly@protonmail.com>
---
 src/components/UserProperty/Pronoun.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/UserProperty/Pronoun.js b/src/components/UserProperty/Pronoun.js
index 37844c0..ba7ec82 100644
--- a/src/components/UserProperty/Pronoun.js
+++ b/src/components/UserProperty/Pronoun.js
@@ -35,7 +35,6 @@ const Pronoun = ({ user, onChange }) => {
               w={"auto"} 
               value={custom} 
               onChange={(e) => { 
-                console.log(e) 
                 setCustom(e.target.value); 
                 onChange({ pronoun: e.target.value }); 
                 setSelection(CUSTOM);