Handle confirmation popup when changing the tabs (#2450)

Signed-off-by: AAJELLAL <[email protected]>

Author: AAJELLAL

src/components/dialogs/parameters/network-visualizations/network-visualizations-parameters.tsx

@@ -29,7 +29,13 @@ import {
 import { mergeSx } from '../../../utils/functions';
 import { updateConfigParameters } from '../../../../services/config';
 
-export const NetworkVisualizationsParameters: FunctionComponent = () => {
+interface NetworkVisualizationsParametersProps {
+    setHaveDirtyFields: (haveDirtyFields: boolean) => void;
+}
+
+export const NetworkVisualizationsParameters: FunctionComponent<NetworkVisualizationsParametersProps> = ({
+    setHaveDirtyFields,
+}) => {
     const user = useSelector((state: AppState) => state.user);
     const componentLibraries = useGetAvailableComponentLibraries(user);
     const [tabValue, setTabValue] = useState(TabValue.MAP);
@@ -92,6 +98,11 @@ export const NetworkVisualizationsParameters: FunctionComponent = () => {
     });
 
     const { reset, handleSubmit, formState } = formMethods;
+
+    useEffect(() => {
+        setHaveDirtyFields(!!Object.keys(formState.dirtyFields).length);
+    }, [formState, setHaveDirtyFields]);
+
     useEffect(() => {
         if (parameters) {
             reset(fromNetworkVisualizationsParamsDataToFormValues(parameters));

src/components/parameters-tabs.tsx

@@ -146,6 +146,7 @@ const hasValidationTabs = [
     TAB_VALUES.dynamicSimulationParamsTabValue,
     TAB_VALUES.voltageInitParamsTabValue,
     TAB_VALUES.lfParamsTabValue,
+    TAB_VALUES.networkVisualizationsParams,
 ];
 
 type OwnProps = {
@@ -297,7 +298,7 @@ const ParametersTabs: FunctionComponent<OwnProps> = (props) => {
             case TAB_VALUES.advancedParamsTabValue:
                 return <NetworkParameters />;
             case TAB_VALUES.networkVisualizationsParams:
-                return <NetworkVisualizationsParameters />;
+                return <NetworkVisualizationsParameters setHaveDirtyFields={setHaveDirtyFields} />;
         }
     }, [
         loadFlowParametersBackend,