feat: populate all dropdowns with picklists

Chia-Network · Feb 9, 2022 · c44a1eb · c44a1eb
1 parent 14a8e42
commit c44a1eb
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 15 deletions.
diff --git a/src/components/forms/CreateProjectForm.js b/src/components/forms/CreateProjectForm.js
@@ -109,6 +109,15 @@ const CreateProjectForm = withRouter(
       [pickLists],
     );
 
+    const selectProjectSectorOptions = useMemo(
+      () =>
+        pickLists.projectSector.map(projectSectorItem => ({
+          value: projectSectorItem,
+          label: projectSectorItem,
+        })),
+      [pickLists],
+    );
+
     const handleSubmit = () => {
       if (tabValue === 5) {
         const dataToSend = _.cloneDeep(newProject);
@@ -455,17 +464,28 @@ const CreateProjectForm = withRouter(
                             </Body>
                           </StyledLabelContainer>
                           <InputContainer>
-                            <StandardInput
-                              size={InputSizeEnum.large}
-                              placeholderText={intl.formatMessage({
+                            <Select
+                              size={SelectSizeEnum.large}
+                              type={SelectTypeEnum.basic}
+                              options={selectProjectSectorOptions}
+                              state={SelectStateEnum.default}
+                              placeholder={intl.formatMessage({
                                 id: 'sector',
                               })}
-                              state={InputStateEnum.default}
-                              value={newProject.sector}
-                              onChange={value =>
+                              selected={
+                                newProject.sector
+                                  ? [
+                                      {
+                                        label: newProject.sector,
+                                        value: newProject.sector,
+                                      },
+                                    ]
+                                  : undefined
+                              }
+                              onChange={selectedOptions =>
                                 setNewProject(prev => ({
                                   ...prev,
-                                  sector: value,
+                                  sector: selectedOptions[0].value,
                                 }))
                               }
                             />

diff --git a/src/components/forms/EditProjectsForm.js b/src/components/forms/EditProjectsForm.js
@@ -82,7 +82,15 @@ const EditProjectsForm = ({ onClose }) => {
     [pickLists],
   );
 
-  //projectSector
+  const selectProjectSectorOptions = useMemo(
+    () =>
+      pickLists.projectSector.map(projectSectorItem => ({
+        value: projectSectorItem,
+        label: projectSectorItem,
+      })),
+    [pickLists],
+  );
+
   //projectStatusValues
   //registries
 
@@ -470,17 +478,28 @@ const EditProjectsForm = ({ onClose }) => {
                           </Body>
                         </StyledLabelContainer>
                         <InputContainer>
-                          <StandardInput
-                            size={InputSizeEnum.large}
-                            placeholderText={intl.formatMessage({
+                          <Select
+                            size={SelectSizeEnum.large}
+                            type={SelectTypeEnum.basic}
+                            options={selectProjectSectorOptions}
+                            state={SelectStateEnum.default}
+                            placeholder={intl.formatMessage({
                               id: 'sector',
                             })}
-                            state={InputStateEnum.default}
-                            value={editedProjects.sector}
-                            onChange={value =>
+                            selected={
+                              climatewarehouseProjects.sector
+                                ? [
+                                    {
+                                      label: climatewarehouseProjects.sector,
+                                      value: climatewarehouseProjects.sector,
+                                    },
+                                  ]
+                                : undefined
+                            }
+                            onChange={selectedOptions =>
                               setEditProjects(prev => ({
                                 ...prev,
-                                sector: value,
+                                sector: selectedOptions[0].value,
                               }))
                             }
                           />