fix(SA, SE, CC): from review add appTabIndex trigger to reset export CSV button status

fix(SE): Add `sortConfig` trigger to reset export CSV button status, for other computation types results are invalidated when sorting then the button is disabled and trigger a status reset.

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

Author: sBouzols

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

@@ -34,12 +34,13 @@ export const SecurityAnalysisExportButton: FunctionComponent<SecurityAnalysisExp
     const [isCsvExportLoading, setIsCsvExportLoading] = useState(false);
     const [isCsvExportSuccessful, setIsCsvExportSuccessful] = useState(false);
     const language = useSelector((state: AppState) => state[PARAM_LANGUAGE]);
+    const appTabIndex = useSelector((state: AppState) => state.appTabIndex);
 
     const intl = useIntl();
 
     useEffect(() => {
         setIsCsvExportSuccessful(false);
-    }, [studyUuid, nodeUuid, rootNetworkUuid, resultType]);
+    }, [studyUuid, nodeUuid, rootNetworkUuid, resultType, appTabIndex]);
 
     useEffect(() => {
         if (disabled) {

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

@@ -56,14 +56,15 @@ export const SensitivityExportButton: FunctionComponent<SensitivityExportButtonP
     const [isCsvExportSuccessful, setIsCsvExportSuccessful] = useState(false);
 
     const language = useSelector((state: AppState) => state[PARAM_LANGUAGE]);
+    const appTabIndex = useSelector((state: AppState) => state.appTabIndex);
     const { filters } = useFilterSelector(AgGridFilterType.SensitivityAnalysis, mappingTabs(sensiKind, nOrNkIndex));
     const sortConfig = useSelector(
         (state: AppState) => state.tableSort[SENSITIVITY_ANALYSIS_RESULT_SORT_STORE][mappingTabs(sensiKind, nOrNkIndex)]
     );
 
     useEffect(() => {
         setIsCsvExportSuccessful(false);
-    }, [studyUuid, currentRootNetworkUuid, nodeUuid, nOrNkIndex, sensiKind, globalFilters]);
+    }, [studyUuid, currentRootNetworkUuid, nodeUuid, nOrNkIndex, sensiKind, globalFilters, sortConfig, appTabIndex]);
 
     useEffect(() => {
         if (disabled) {

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

@@ -35,10 +35,11 @@ export const ShortCircuitExportButton: FunctionComponent<ShortCircuitExportButto
 
     const intl = useIntl();
     const language = useSelector((state: AppState) => state[PARAM_LANGUAGE]);
+    const appTabIndex = useSelector((state: AppState) => state.appTabIndex);
 
     useEffect(() => {
         setIsCsvExportSuccessful(false);
-    }, [studyUuid, currentRootNetworkUuid, nodeUuid, analysisType]);
+    }, [studyUuid, currentRootNetworkUuid, nodeUuid, analysisType, appTabIndex]);
 
     useEffect(() => {
         if (disabled) {