Merge pull request #431 from developmentseed/fix/required-profile-att…

…ribute Fix required profile attribute checkbox
developmentseed · Mar 20, 2023 · 60624c0 · 60624c0
2 parents 1afc278 + e57b09c
commit 60624c0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/src/components/edit-team-form.js b/src/components/edit-team-form.js
@@ -198,7 +198,8 @@ export default function EditTeamForm({
               {staff && isCreateForm && (
                 <FormControl pt={4}>
                   <Flex alignItems='center' gap={2}>
-                    <Checkbox
+                    <Field
+                      as={Checkbox}
                       id='orgTeam-checkbox'
                       name='orgTeam-checkbox'
                       type='checkbox'
@@ -261,7 +262,8 @@ export default function EditTeamForm({
               <Heading variant='sectionHead'>Location</Heading>
               <FormControl>
                 <Flex alignItems='center' gap={2}>
-                  <Checkbox
+                  <Field
+                    as={Checkbox}
                     id='hasLocation-checkbox'
                     name='hasLocation-checkbox'
                     type='checkbox'

diff --git a/src/components/profile-attribute-form.js b/src/components/profile-attribute-form.js
@@ -145,7 +145,8 @@ export default function ProfileAttributeForm({
                 alignItems='center'
                 htmlFor='required'
               >
-                <Checkbox
+                <Field
+                  as={Checkbox}
                   type='checkbox'
                   name='required'
                   id='required'

diff --git a/src/components/profile-form.js b/src/components/profile-form.js
@@ -427,7 +427,8 @@ export default class ProfileForm extends Component {
                               alignItems={'center'}
                               gap={2}
                             >
-                              <Checkbox
+                              <Field
+                                as={Checkbox}
                                 checked={consentChecked}
                                 onChange={(e) =>
                                   this.setConsentChecked(e.target.checked)

diff --git a/src/pages/organizations/[id]/edit-profiles.js b/src/pages/organizations/[id]/edit-profiles.js
@@ -126,7 +126,7 @@ export default class OrgEditProfile extends Component {
       { key: 'visibility' },
       { key: 'key_type', label: 'type' },
       { key: 'required' },
-      { key: 'actions', render: this.renderActions },
+      { key: 'actions', render: this.renderActions, alignment: 'center' },
     ]
 
     let rows = []