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

Fix required profile attribute checkbox

Author: kamicut

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'

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'

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)

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 = []