feat: add button to reconfigure cookie consent

satellytes · Nov 21, 2024 · 424299e · 424299e
1 parent 47c842e
commit 424299e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/src/assets/locales/de/translations.json b/src/assets/locales/de/translations.json
@@ -90,5 +90,6 @@
   "image.attribution": "Foto von ",
   "iframemanager.youtube.notice": "Dieser Inhalt wird von einer externen Quelle gehostet. Durch das Laden des Inhalts akzeptieren Sie die <a rel=\"noreferrer noopener\" href=\"https://www.youtube.com/t/terms\" target=\"_blank\">Nutzungsbedingungen</a> von youtube.com und stimmen einer möglichen Übertragung Ihrer Daten in Drittländer zu.",
   "iframemanager.youtube.load-button": "Inhalt laden",
-  "iframemanager.youtube.load-all-button": "Inhalt laden und nicht mehr fragen"
+  "iframemanager.youtube.load-all-button": "Inhalt laden und nicht mehr fragen",
+  "dataprivacy.reopen-cookie-consent": "Cookie-Einstellungen erneut öffnen"
 }
diff --git a/src/assets/locales/en/translations.json b/src/assets/locales/en/translations.json
@@ -90,5 +90,6 @@
   "image.attribution": "Photo by ",
   "iframemanager.youtube.notice": "This content is hosted by a third party. By showing the external content you accept the <a rel=\"noreferrer noopener\" href=\"https://www.youtube.com/t/terms\" target=\"_blank\">terms and conditions</a> of youtube.com and agree to a possible transfer of your data to third countries.",
   "iframemanager.youtube.load-button": "Load content",
-  "iframemanager.youtube.load-all-button": "Load content and don't ask again"
+  "iframemanager.youtube.load-all-button": "Load content and don't ask again",
+  "dataprivacy.reopen-cookie-consent": "Reopen cookie consent preferences"
 }
diff --git a/src/pages/data-privacy.tsx b/src/pages/data-privacy.tsx
@@ -5,6 +5,9 @@ import { Layout } from '../components/layout/layout';
 import { ContentBlockContainer } from '../components/layout/content-block-container';
 import { ContentfulRichText } from '../components/content/rich-text/rich-text';
 import { ContentfulPage, ContentfulRichTextType } from '../types';
+import * as CookieConsentLib from 'vanilla-cookieconsent';
+import { Button } from '../components/ui/buttons/button';
+import { useTranslation } from 'react-i18next';
 
 interface DataPrivacyPageQueryProps {
   contentfulPage: ContentfulPage;
@@ -14,9 +17,20 @@ interface DataPrivacyPageQueryProps {
 const DataPrivacyPage = ({
   data,
 }: PageProps<DataPrivacyPageQueryProps>): JSX.Element => {
+  const { t } = useTranslation();
+
+  const reopenCookieConsent = () => {
+    if (CookieConsentLib && CookieConsentLib.showPreferences) {
+      CookieConsentLib.showPreferences();
+    }
+  };
+
   return (
     <Layout light={true}>
       <ContentBlockContainer>
+        <Button onClick={reopenCookieConsent}>
+          {t('dataprivacy.reopen-cookie-consent')}
+        </Button>
         <ContentfulRichText
           data={data.contentfulPage.content as ContentfulRichTextType}
         />