feat: disable datasource and hazard type or disease in edit mode

EyeSeeTea · Aug 22, 2024 · dc0f541 · dc0f541
1 parent b2115c8
commit dc0f541
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/src/webapp/components/visualisation/Visualisation.tsx b/src/webapp/components/visualisation/Visualisation.tsx
@@ -26,8 +26,9 @@ export const Visualisation: React.FC<VisualisationProps> = React.memo(props => {
 const VisualisationContainer = styled.div`
     width: 100%;
     height: 25rem;
-    border: 0.1rem solid black;
-    background: ${props => props.theme.palette.primary.contrastText};
+    border: 0.1rem solid ${props => props.theme.palette.divider};
+    background: ${props => props.theme.palette.background.paper};
+    color: ${props => props.theme.palette.text.disabled};
     display: flex;
     justify-content: center;
     align-items: center;

diff --git a/src/webapp/pages/form-page/disease-outbreak-event/useDiseaseOutbreakEventForm.ts b/src/webapp/pages/form-page/disease-outbreak-event/useDiseaseOutbreakEventForm.ts
@@ -70,7 +70,10 @@ export function useDiseaseOutbreakEventForm(diseaseOutbreakEventId?: Id): State
                 setFormLabels(diseaseOutbreakEventWithOptionsData.labels);
                 setFormState({
                     kind: "loaded",
-                    data: mapEntityToInitialFormState(diseaseOutbreakEventWithOptionsData),
+                    data: mapEntityToInitialFormState(
+                        diseaseOutbreakEventWithOptionsData,
+                        !!diseaseOutbreakEventId
+                    ),
                 });
             },
             error => {

diff --git a/src/webapp/pages/form-page/disease-outbreak-event/utils/mapEntityToInitialFormState.ts b/src/webapp/pages/form-page/disease-outbreak-event/utils/mapEntityToInitialFormState.ts
@@ -53,7 +53,8 @@ export function mapTeamMemberToUser(teamMember: TeamMember): User {
 
 // TODO: Thinking for the future about generate this FormState by iterating over Object.Keys(diseaseOutbreakEvent)
 export function mapEntityToInitialFormState(
-    diseaseOutbreakEventWithOptions: DiseaseOutbreakEventWithOptions
+    diseaseOutbreakEventWithOptions: DiseaseOutbreakEventWithOptions,
+    editMode: boolean
 ): FormState {
     const { diseaseOutbreakEvent, options } = diseaseOutbreakEventWithOptions;
     const {
@@ -120,6 +121,7 @@ export function mapEntityToInitialFormState(
                         width: "300px",
                         required: true,
                         showIsRequired: false,
+                        disabled: editMode,
                     },
                 ],
             },
@@ -142,6 +144,7 @@ export function mapEntityToInitialFormState(
                                 : "",
                         required: true,
                         showIsRequired: false,
+                        disabled: editMode,
                     },
                 ],
             },
@@ -196,6 +199,7 @@ export function mapEntityToInitialFormState(
                         width: "300px",
                         required: true,
                         showIsRequired: false,
+                        disabled: editMode,
                     },
                 ],
             },