From ece3b434b8074c3aa96767a6c1b85a37c62fd0b0 Mon Sep 17 00:00:00 2001
From: Nishit Suwal <81785002+NSUWAL123@users.noreply.github.com>
Date: Wed, 25 Dec 2024 15:15:22 +0545
Subject: [PATCH] Update manager workflows terminologies (#2026)

* fix(selectForm): update terminology

* fix(dataExtract): update terminology

* fix(splitTasks): update text, remove additional-feature count section

* fix(dataExtract): add additional-feature count section

* fix(description): update description

* fix(uploadArea): update btn text, show reset if geojson is drawn

* fix(01-create-new-project): update test case based on changes
---
 .../e2e/01-create-new-project.spec.ts         |  2 +-
 .../createnewproject/DataExtract.tsx          | 10 +++++++--
 .../createnewproject/Description.tsx          |  5 ++---
 .../createnewproject/SelectForm.tsx           |  2 +-
 .../createnewproject/SplitTasks.tsx           | 10 ++-------
 .../createnewproject/UploadArea.tsx           | 21 ++++++++-----------
 6 files changed, 23 insertions(+), 27 deletions(-)

diff --git a/src/frontend/e2e/01-create-new-project.spec.ts b/src/frontend/e2e/01-create-new-project.spec.ts
index ac3bb802e..27d42dd2a 100644
--- a/src/frontend/e2e/01-create-new-project.spec.ts
+++ b/src/frontend/e2e/01-create-new-project.spec.ts
@@ -71,7 +71,7 @@ test.skip('create new project', async ({ browserName, page }) => {
   const dataExtractRadio = await page.getByText('Fetch data from OSM');
   await dataExtractRadio.click();
   await expect(dataExtractRadio).toBeChecked();
-  await page.getByRole('button', { name: 'Generate Map Data' }).click();
+  await page.getByRole('button', { name: 'Fetch OSM Data' }).click();
   await page.getByRole('button', { name: 'NEXT' }).click();
 
   // 5. Split Tasks Step
diff --git a/src/frontend/src/components/createnewproject/DataExtract.tsx b/src/frontend/src/components/createnewproject/DataExtract.tsx
index 7b70a8211..a7f6f4586 100644
--- a/src/frontend/src/components/createnewproject/DataExtract.tsx
+++ b/src/frontend/src/components/createnewproject/DataExtract.tsx
@@ -246,7 +246,7 @@ const DataExtract = ({
               />
               {extractWays === 'osm_data_extract' && (
                 <Button
-                  btnText="Generate Map Data"
+                  btnText="Fetch OSM Data"
                   btnType="primary"
                   onClick={() => {
                     resetFile(setCustomDataExtractUpload);
@@ -324,6 +324,12 @@ const DataExtract = ({
                       />
                     </>
                   )}
+                  {additionalFeatureGeojson && (
+                    <p className="fmtm-text-gray-500 fmtm-mt-1">
+                      Total number of additional features:{' '}
+                      <span className="fmtm-font-bold">{additionalFeatureGeojson?.features?.length || 0}</span>
+                    </p>
+                  )}
                 </div>
               )}
             </div>
@@ -340,7 +346,7 @@ const DataExtract = ({
                 btnType="primary"
                 type="submit"
                 className="fmtm-font-bold"
-                dataTip={`${!dataExtractGeojson ? 'Please Generate Map Data First.' : ''}`}
+                dataTip={`${!dataExtractGeojson ? 'Please Fetch OSM Data First.' : ''}`}
                 disabled={
                   !dataExtractGeojson || (extractWays === 'osm_data_extract' && !dataExtractGeojson) || isFgbFetching
                     ? true
diff --git a/src/frontend/src/components/createnewproject/Description.tsx b/src/frontend/src/components/createnewproject/Description.tsx
index f9a024c31..d167138cb 100644
--- a/src/frontend/src/components/createnewproject/Description.tsx
+++ b/src/frontend/src/components/createnewproject/Description.tsx
@@ -107,14 +107,13 @@ const UploadArea = ({ hoveredSection }: hoveredSectionType) => {
         ref={drawRef}
         className={`${hoveredSection === 'uploadarea-draw' && 'fmtm-text-gray-800'} fmtm-duration-150`}
       >
-        <p>You may also draw a freehand polygon on map interface.</p>{' '}
-        <p>Click on the reset button to redraw the AOI.</p>
+        <p>You can draw a freehand polygon on map interface.</p> <p>Click on the reset button to redraw the AOI.</p>
       </div>
       <div
         ref={uploadRef}
         className={`${hoveredSection === 'uploadarea-upload_file' && 'fmtm-text-gray-800'} fmtm-duration-150`}
       >
-        <p>You can choose to upload the AOI. Note: The file upload only supports .geojson format. </p>
+        <p>You may also choose to upload the AOI. Note: The file upload only supports .geojson format. </p>
       </div>
       <span>The total area of the AOI is also calculated and displayed on the screen.</span>
       <p
diff --git a/src/frontend/src/components/createnewproject/SelectForm.tsx b/src/frontend/src/components/createnewproject/SelectForm.tsx
index a645573cc..73d98849c 100644
--- a/src/frontend/src/components/createnewproject/SelectForm.tsx
+++ b/src/frontend/src/components/createnewproject/SelectForm.tsx
@@ -185,7 +185,7 @@ const SelectForm = ({ flag, geojsonFile, customFormFile, setCustomFormFile }) =>
                       onChange={changeFileHandler}
                       onResetFile={resetFile}
                       customFile={customFormFile}
-                      btnText="Select a Form"
+                      btnText="Upload XLSForm"
                       accept=".xls,.xlsx,.xml"
                       fileDescription="*The supported file formats are .xlsx, .xls, .xml"
                       errorMsg={errors.customFormUpload}
diff --git a/src/frontend/src/components/createnewproject/SplitTasks.tsx b/src/frontend/src/components/createnewproject/SplitTasks.tsx
index 036fc7d18..28f514c6f 100644
--- a/src/frontend/src/components/createnewproject/SplitTasks.tsx
+++ b/src/frontend/src/components/createnewproject/SplitTasks.tsx
@@ -54,7 +54,7 @@ const SplitTasks = ({ flag, setGeojsonFile, customDataExtractUpload, additionalF
     {
       name: 'define_tasks',
       value: task_split_type.CHOOSE_AREA_AS_TASK,
-      label: 'Choose area as task',
+      label: 'Use uploaded AOI as task areas',
       disabled: false,
     },
     {
@@ -240,7 +240,7 @@ const SplitTasks = ({ flag, setGeojsonFile, customDataExtractUpload, additionalF
                 <div>
                   <RadioButton
                     value={splitTasksSelection || ''}
-                    topic="Select an option to split the task"
+                    topic="Select an option to split your project area"
                     options={taskSplitOptions}
                     direction="column"
                     onChangeData={(value) => {
@@ -267,12 +267,6 @@ const SplitTasks = ({ flag, setGeojsonFile, customDataExtractUpload, additionalF
                       Total number of features:{' '}
                       <span className="fmtm-font-bold">{dataExtractGeojson?.features?.length || 0}</span>
                     </p>
-                    {additionalFeatureGeojson && (
-                      <p className="fmtm-text-gray-500 fmtm-mt-1">
-                        Total number of additional features:{' '}
-                        <span className="fmtm-font-bold">{additionalFeatureGeojson?.features?.length || 0}</span>
-                      </p>
-                    )}
                   </div>
                   {splitTasksSelection === task_split_type.DIVIDE_ON_SQUARE && (
                     <>
diff --git a/src/frontend/src/components/createnewproject/UploadArea.tsx b/src/frontend/src/components/createnewproject/UploadArea.tsx
index 8b37f89d3..4355d600f 100644
--- a/src/frontend/src/components/createnewproject/UploadArea.tsx
+++ b/src/frontend/src/components/createnewproject/UploadArea.tsx
@@ -249,17 +249,14 @@ const UploadArea = ({ flag, geojsonFile, setGeojsonFile, setCustomDataExtractUpl
               {uploadAreaSelection === 'draw' && (
                 <div>
                   <p className="fmtm-text-gray-700 fmtm-pt-5 fmtm-pb-5">Draw a polygon on the map to plot the area</p>
-                  <Button
-                    btnText="Reset"
-                    btnType="secondary"
-                    type="button"
-                    onClick={() => resetFile()}
-                    className=""
-                    disabled={drawnGeojson ? false : true}
-                  />
-                  <p className="fmtm-text-gray-700 fmtm-mt-5">
-                    Total Area: <span className="fmtm-font-bold">{totalAreaSelection}</span>
-                  </p>
+                  {drawnGeojson && (
+                    <>
+                      <Button btnText="Reset" btnType="secondary" type="button" onClick={() => resetFile()} />
+                      <p className="fmtm-text-gray-700 fmtm-mt-5">
+                        Total Area: <span className="fmtm-font-bold">{totalAreaSelection}</span>
+                      </p>
+                    </>
+                  )}
                   {errors.drawnGeojson && (
                     <div>
                       <p className="fmtm-form-error fmtm-text-red-600 fmtm-text-sm fmtm-py-1">{errors.drawnGeojson}</p>
@@ -278,7 +275,7 @@ const UploadArea = ({ flag, geojsonFile, setGeojsonFile, setCustomDataExtractUpl
                     onResetFile={resetFile}
                     accept=".geojson, .json"
                     fileDescription="*The supported file format is geojson file."
-                    btnText="Upload a Geojson"
+                    btnText="Upload"
                     errorMsg={errors.uploadedAreaFile}
                   />
                   <p className="fmtm-text-gray-700">