fix(SA,SE,CC): reset export successful states when button is disabled which happen when results change or computation status change.

Remark: For other computation types (LF, State estim, Voltage init), we need more work in commons-ui on `CsvExport` component, to use `isDownloadLoading` and `isDownloadSuccessful` of the `ExportCsvButton` child component even if its direct export without backend requests

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

Author: sBouzols

src/components/results/securityanalysis/security-analysis-export-button.tsx

@@ -41,6 +41,14 @@ export const SecurityAnalysisExportButton: FunctionComponent<SecurityAnalysisExp
         setIsCsvExportSuccessful(false);
     }, [nodeUuid, resultType]);
 
+    useEffect(() => {
+        if (disabled) {
+            // reinit the success state when the button is disabled,
+            // for example when the calcul status change or results change
+            setIsCsvExportSuccessful(false);
+        }
+    }, [disabled]);
+
     const enumValueTranslations = useMemo(() => {
         const returnedValue: Record<string, string> = {
             [PERMANENT_LIMIT_NAME]: intl.formatMessage({

src/components/results/sensitivity-analysis/sensitivity-analysis-result-tab.tsx

@@ -5,7 +5,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-import { SyntheticEvent, useCallback, useMemo, useState } from 'react';
+import { SyntheticEvent, useCallback, useEffect, useMemo, useState } from 'react';
 import { Box, LinearProgress, Tab, Tabs } from '@mui/material';
 import SensitivityAnalysisTabs from './sensitivity-analysis-tabs.js';
 import PagedSensitivityAnalysisResult from './paged-sensitivity-analysis-result';
@@ -177,6 +177,14 @@ function SensitivityAnalysisResultTab({
         [voltageLevelsFilter, countriesFilter, propertiesFilter]
     );
 
+    useEffect(() => {
+        if (isCsvButtonDisabled) {
+            // reinit the success state when the button is disabled,
+            // for example when the calcul status change or results change
+            setIsCsvExportSuccessful(false);
+        }
+    }, [isCsvButtonDisabled]);
+
     return (
         <>
             <SensitivityAnalysisTabs sensiTab={sensiTab} setSensiTab={handleSensiTabChange} />

src/components/results/shortcircuit/shortcircuit-analysis-export-button.tsx

@@ -40,6 +40,14 @@ export const ShortCircuitExportButton: FunctionComponent<ShortCircuitExportButto
         setIsCsvExportSuccessful(false);
     }, [nodeUuid, analysisType]);
 
+    useEffect(() => {
+        if (disabled) {
+            // reinit the success state when the button is disabled,
+            // for example when the calcul status change or results change
+            setIsCsvExportSuccessful(false);
+        }
+    }, [disabled]);
+
     const enumValueTranslations = useMemo(() => {
         const returnedValue: Record<string, string> = {};
         const enumValuesToTranslate = [