diff --git a/shared/locales/de/website-donate.json b/shared/locales/de/website-donate.json
index 458a0cd6e..d972ecc54 100644
--- a/shared/locales/de/website-donate.json
+++ b/shared/locales/de/website-donate.json
@@ -96,6 +96,7 @@
"about-si-title": "Über Social Income",
"about-si-text-1": "Social Income ist eine NGO mit Sitz in der Schweiz, die bedingungslose Geldüberweisungen per Mobiltelefon an Menschen in multidimensionaler Armut in Westafrika bereitstellt.",
"about-si-text-2": "Seit 2020 führt Social Income ein zeitlich unbegrenztes Programm für ein universelles Grundeinkommen in Sierra Leone durch.",
- "more-faq": "Mehr Fragen"
+ "more-faq": "Mehr Fragen",
+ "badge-highlight": "Aktuelle Kampagne"
}
}
diff --git a/shared/locales/en/website-donate.json b/shared/locales/en/website-donate.json
index 0e0394eba..d4bd3bdc1 100644
--- a/shared/locales/en/website-donate.json
+++ b/shared/locales/en/website-donate.json
@@ -96,6 +96,7 @@
"about-si-title": "About Social Income",
"about-si-text-1": "Social Income is a nonprofit organization based in Switzerland that provides unconditional cash transfers via mobile phone to people living in multidimensional poverty in West Africa.",
"about-si-text-2": "Since 2020, Social Income has been running an open-ended universal basic income program in Sierra Leone.",
- "more-faq": "More questions"
+ "more-faq": "More questions",
+ "badge-highlight": "Ongoing Campaign"
}
}
diff --git a/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-campaign.tsx b/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-campaign.tsx
new file mode 100644
index 000000000..e4bc909ce
--- /dev/null
+++ b/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-campaign.tsx
@@ -0,0 +1,38 @@
+import { WebsiteLanguage } from '@/i18n';
+import { BellAlertIcon } from '@heroicons/react/24/solid';
+import { Translator } from '@socialincome/shared/src/utils/i18n';
+import { Badge, BaseContainer, Typography } from '@socialincome/ui';
+import Link from 'next/link';
+
+export async function Campaign({ lang }: { lang: WebsiteLanguage }) {
+ const translator = await Translator.getInstance({
+ language: lang,
+ namespaces: ['website-donate'],
+ });
+
+ return (
+
+
+
+
+
+ {translator.t('campaign.badge-highlight')}
+
+
+ Rebuilding Lives by Ismatu Gwendolyn
+
+
+
+
+ );
+}
diff --git a/website/src/app/[lang]/[region]/(website)/(home)/page.tsx b/website/src/app/[lang]/[region]/(website)/(home)/page.tsx
index 670dbeb81..9544f542a 100644
--- a/website/src/app/[lang]/[region]/(website)/(home)/page.tsx
+++ b/website/src/app/[lang]/[region]/(website)/(home)/page.tsx
@@ -8,6 +8,7 @@ import { ThreeApproaches } from '@/app/[lang]/[region]/(website)/(home)/(section
import { WhatWouldChange } from '@/app/[lang]/[region]/(website)/(home)/(sections)/what-would-change';
import NewsletterPopup from '@/components/newsletter-popup/newsletter-popup';
import { Translator } from '@socialincome/shared/src/utils/i18n';
+import { Campaign } from './(sections)/active-campaign';
import { Video } from './(sections)/video';
export default async function Page({ params: { lang, region } }: DefaultPageProps) {
@@ -15,6 +16,7 @@ export default async function Page({ params: { lang, region } }: DefaultPageProp
const vimeoVideoId = Number(translator.t('id.video-02'));
return (
<>
+ {
useEffect(() => {
+ if (localStorage.getItem('cookie_consent') === null) return; // Do not show the popup if the user has responded to the cookie consent banner
toast.dismiss();
const timeout = setTimeout(() => {
toast.custom(
diff --git a/website/src/components/tracking/cookie-consent-banner.tsx b/website/src/components/tracking/cookie-consent-banner.tsx
index 07bc1050d..a48d70f35 100644
--- a/website/src/components/tracking/cookie-consent-banner.tsx
+++ b/website/src/components/tracking/cookie-consent-banner.tsx
@@ -27,7 +27,7 @@ export function CookieConsentBanner({ translations }: CookieConsentBannerClientP
if (hideBanner) return null;
return (
-
+