refactor: Make it simpler to add new help dialogs

visualize-admin · Jul 31, 2024 · fdb6810 · fdb6810
1 parent 0ccbb20
commit fdb6810
Showing 1 changed file with 10 additions and 17 deletions.
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -59,26 +59,19 @@ export const Footer = () => {
   const locale = useLocale();
   const [{ period }] = useQueryStateSingle();
 
-  const {
-    isOpen: isHelpCalculationOpen,
-    open: openHelpCalculation,
-    close: closeHelpCalculation,
-  } = useDisclosure();
-
-  const {
-    isOpen: isHelpCsvDownloadOpen,
-    open: openHelpCsvDownload,
-    close: closeHelpCsvDownload,
-  } = useDisclosure();
+  const helpCalculationDisclosure = useDisclosure();
+  const helpCsvDisclosure = useDisclosure();
 
   const handleOpenCalculation = (ev: React.MouseEvent<HTMLElement>) => {
     ev.preventDefault();
-    openHelpCalculation();
+    helpCalculationDisclosure.open();
   };
 
   const handleOpenCsvDownload = (ev: React.MouseEvent<HTMLElement>) => {
     ev.preventDefault();
-    openHelpCsvDownload();
+    helpCsvDisclosure.open();
+  };
+
   };
 
   return (
@@ -119,21 +112,21 @@ export const Footer = () => {
           </FooterLink>
 
           <HelpDialog
-            close={closeHelpCalculation}
+            close={helpCalculationDisclosure.close}
             label={t({
               id: "help.calculation",
               message: `Berechnungsgrundlage`,
             })}
-            open={isHelpCalculationOpen}
+            open={helpCalculationDisclosure.isOpen}
             slug="help-calculation"
           />
           <HelpDialog
-            close={closeHelpCsvDownload}
+            close={helpCsvDisclosure.close}
             label={t({
               id: "help.csv-download",
               message: `Daten als .csv`,
             })}
-            open={isHelpCsvDownloadOpen}
+            open={helpCsvDisclosure.isOpen}
             slug="help-download-raw-data"
           />
           <FooterLink