Move Flexcolumn inside conditional render

lexicongovernance · Apr 19, 2024 · bc62fc3 · bc62fc3
1 parent 3d3a03c
commit bc62fc3
Showing 1 changed file with 17 additions and 19 deletions.
diff --git a/packages/berlin/src/pages/Register.tsx b/packages/berlin/src/pages/Register.tsx
@@ -178,25 +178,23 @@ function Register() {
   return (
     <SafeArea>
       <FlexColumn $gap="2rem">
-        <FlexColumn $gap="0.5rem">
-          {/* only show select when user has previously registered */}
-          {showRegistrationsSelect(registrations, groupId ? 'group' : 'user') && (
-            <>
-              <Label>Select Proposal</Label>
-              <Select
-                value={selectedRegistrationFormKey ?? ''}
-                options={createRegistrationForms(registrations).map((form) => ({
-                  id: form.key,
-                  name: form.name,
-                }))}
-                placeholder="Select a Proposal"
-                onChange={(val) => {
-                  setSelectedRegistrationFormKey(val);
-                }}
-              />
-            </>
-          )}
-        </FlexColumn>
+        {/* only show select when user has previously registered */}
+        {showRegistrationsSelect(registrations, groupId ? 'group' : 'user') && (
+          <FlexColumn $gap="0.5rem">
+            <Label>Select Proposal</Label>
+            <Select
+              value={selectedRegistrationFormKey ?? ''}
+              options={createRegistrationForms(registrations).map((form) => ({
+                id: form.key,
+                name: form.name,
+              }))}
+              placeholder="Select a Proposal"
+              onChange={(val) => {
+                setSelectedRegistrationFormKey(val);
+              }}
+            />
+          </FlexColumn>
+        )}
         {createRegistrationForms(registrations).map((form, idx) => {
           return (
             <RegisterForm