feat(manager-dashboard): handle default custom options on project type change

Author: ofr1tz

manager-dashboard/app/views/NewTutorial/index.tsx

@@ -77,7 +77,7 @@ import {
 import {
     tileServerUrls,
     tutorialFormSchema,
-    defaultFootprintCustomOptions,
+    getDefaultOptions,
     TutorialFormType,
     PartialTutorialFormType,
     PartialInformationPagesType,
@@ -342,7 +342,6 @@ const defaultTutorialFormValue: PartialTutorialFormType = {
         name: TILE_SERVER_ESRI,
         credits: tileServerDefaultCredits[TILE_SERVER_ESRI],
     },
-    customOptions: defaultFootprintCustomOptions,
 };
 
 type SubmissionStatus = 'started' | 'imageUpload' | 'tutorialSubmit' | 'success' | 'failed';
@@ -717,6 +716,7 @@ function NewTutorial(props: Props) {
             setFieldValue(undefined, 'tutorialTasks');
             setFieldValue(undefined, 'scenarioPages');
             setFieldValue(newValue, 'projectType');
+            setFieldValue(getDefaultOptions(newValue), 'customOptions');
         },
         [setFieldValue],
     );

manager-dashboard/app/views/NewTutorial/utils.ts

@@ -26,6 +26,7 @@ import {
     PROJECT_TYPE_CHANGE_DETECTION,
     PROJECT_TYPE_COMPLETENESS,
     PROJECT_TYPE_FOOTPRINT,
+    PROJECT_TYPE_STREET,
     IconKey,
 } from '#utils/common';
 
@@ -257,6 +258,33 @@ export const defaultFootprintCustomOptions: PartialTutorialFormType['customOptio
     },
 ];
 
+export const defaultStreetCustomOptions: PartialTutorialFormType['customOptions'] = [
+    {
+        optionId: 1,
+        value: 1,
+        title: 'Yes',
+        icon: 'checkmark-outline',
+        iconColor: colorKeyToColorMap.green,
+        description: '',
+    },
+    {
+        optionId: 2,
+        value: 0,
+        title: 'No',
+        icon: 'close-outline',
+        iconColor: colorKeyToColorMap.red,
+        description: '',
+    },
+    {
+        optionId: 3,
+        value: 2,
+        title: 'Not Sure',
+        icon: 'remove-outline',
+        iconColor: colorKeyToColorMap.gray,
+        description: 'if you\'re not sure or there is bad imagery',
+    },
+];
+
 export function deleteKey<T extends object, K extends keyof T>(
     value: T,
     key: K,
@@ -268,6 +296,18 @@ export function deleteKey<T extends object, K extends keyof T>(
     return copy;
 }
 
+export function getDefaultOptions(projectType: ProjectType | undefined) {
+    if (projectType === PROJECT_TYPE_FOOTPRINT) {
+        return defaultFootprintCustomOptions;
+    }
+
+    if (projectType === PROJECT_TYPE_STREET) {
+        return defaultStreetCustomOptions;
+    }
+
+    return undefined;
+}
+
 export interface BuildAreaProperties {
     reference: number;
     screen: number;