Display contributions dynamically instead of hardcoding in shared/loc…

…ales
socialincome-san · Jan 4, 2025 · ef0e780 · ef0e780
1 parent cbd15aa
commit ef0e780
Show file tree

Hide file tree

Showing 17 changed files with 81 additions and 27 deletions.
diff --git a/shared/locales/de/website-selection.json b/shared/locales/de/website-selection.json
@@ -42,7 +42,6 @@
 				"text": "die die Unterstützung am meisten benötigen.”"
 			}
 		],
-		"amount": "USD 300,000+",
 		"amount-context": "Spenden erhalten ↗",
 		"scope": "Mehr ",
 		"continue-1": "Auswahlverfahren"

diff --git a/shared/locales/en/website-selection.json b/shared/locales/en/website-selection.json
@@ -39,7 +39,6 @@
 				"text": "who need Social Income the most."
 			}
 		],
-		"amount": "USD 300,000+",
 		"amount-context": "raised to date ↗",
 		"scope": "visit our ",
 		"continue-1": "Selection Process"

diff --git a/shared/locales/fr/website-selection.json b/shared/locales/fr/website-selection.json
@@ -39,7 +39,6 @@
 				"text": "sur les personnes qui ont le plus besoin de Social Income."
 			}
 		],
-		"amount": "USD 300,000+",
 		"amount-context": "reçus à ce jour ↗",
 		"scope": "Plus de ",
 		"continue-1": "Processus de sélection"

diff --git a/shared/locales/it/website-selection.json b/shared/locales/it/website-selection.json
@@ -39,7 +39,6 @@
 				"text": "che hanno più bisogno di Social Income."
 			}
 		],
-		"amount": "USD 300,000+",
 		"amount-context": "raccolti fino a oggi ↗",
 		"scope": "Più ",
 		"continue-1": "Processo di selezione"

diff --git a/...cy/recipient-selection/(assets)/globe.svg → ...t-selection/[currency]/(assets)/globe.svg b/...cy/recipient-selection/(assets)/globe.svg → ...t-selection/[currency]/(assets)/globe.svg
diff --git a/...pient-selection/(assets)/transparency.svg → ...tion/[currency]/(assets)/transparency.svg b/...pient-selection/(assets)/transparency.svg → ...tion/[currency]/(assets)/transparency.svg
diff --git a/...ient-selection/(components)/draw-card.tsx → ...ion/[currency]/(components)/draw-card.tsx b/...ient-selection/(components)/draw-card.tsx → ...ion/[currency]/(components)/draw-card.tsx
@@ -1,10 +1,10 @@
 'use client';
 
-import { CompletedDraw } from '@/app/[lang]/[region]/(website)/transparency/recipient-selection/(sections)/state';
 import { WebsiteLanguage } from '@/i18n';
 import { Card, Collapsible, CollapsibleContent, CollapsibleTrigger, Typography } from '@socialincome/ui';
 import { DateTime } from 'luxon';
 import Link from 'next/link';
+import { CompletedDraw } from '../(sections)/state';
 
 type DrawCardProps = {
 	lang: WebsiteLanguage;

diff --git a/...ection/(components)/scroll-to-chevron.tsx → ...rency]/(components)/scroll-to-chevron.tsx b/...ection/(components)/scroll-to-chevron.tsx → ...rency]/(components)/scroll-to-chevron.tsx
diff --git a/...cy/recipient-selection/(sections)/faq.tsx → ...t-selection/[currency]/(sections)/faq.tsx b/...cy/recipient-selection/(sections)/faq.tsx → ...t-selection/[currency]/(sections)/faq.tsx
diff --git a/...ent-selection/(sections)/hero-section.tsx → ...on/[currency]/(sections)/hero-section.tsx b/...ent-selection/(sections)/hero-section.tsx → ...on/[currency]/(sections)/hero-section.tsx
@@ -1,10 +1,10 @@
 import { DefaultParams } from '@/app/[lang]/[region]';
-import ScrollToChevron from '@/app/[lang]/[region]/(website)/transparency/recipient-selection/(components)/scroll-to-chevron';
 import { Translator } from '@socialincome/shared/src/utils/i18n';
 import { Typography } from '@socialincome/ui';
 import { FontColor } from '@socialincome/ui/src/interfaces/color';
 import Image from 'next/image';
 import globeRotating from '../(assets)/globe.svg';
+import ScrollToChevron from '../(components)/scroll-to-chevron';
 
 export async function HeroSection({ lang }: DefaultParams) {
 	const translator = await Translator.getInstance({

diff --git a/...ient-selection/(sections)/past-rounds.tsx → ...ion/[currency]/(sections)/past-rounds.tsx b/...ient-selection/(sections)/past-rounds.tsx → ...ion/[currency]/(sections)/past-rounds.tsx
@@ -1,9 +1,9 @@
 import { DefaultParams } from '@/app/[lang]/[region]';
-import { DrawCard } from '@/app/[lang]/[region]/(website)/transparency/recipient-selection/(components)/draw-card';
-import { loadPastDraws } from '@/app/[lang]/[region]/(website)/transparency/recipient-selection/(sections)/state';
 import { Translator } from '@socialincome/shared/src/utils/i18n';
 import { BaseContainer, Typography } from '@socialincome/ui';
 import { FontColor } from '@socialincome/ui/src/interfaces/color';
+import { DrawCard } from '../(components)/draw-card';
+import { loadPastDraws } from './state';
 
 export const revalidate = 3600 * 24; // update once a day
 

diff --git a/...ipient-selection/(sections)/resources.tsx → ...ction/[currency]/(sections)/resources.tsx b/...ipient-selection/(sections)/resources.tsx → ...ction/[currency]/(sections)/resources.tsx
@@ -1,17 +1,33 @@
 import { DefaultParams } from '@/app/[lang]/[region]';
-import ScrollToChevron from '@/app/[lang]/[region]/(website)/transparency/recipient-selection/(components)/scroll-to-chevron';
+import { firestoreAdmin } from '@/firebase-admin';
+import { WebsiteCurrency, WebsiteLanguage } from '@/i18n';
 import { Translator } from '@socialincome/shared/src/utils/i18n';
+import { ContributionStatsCalculator } from '@socialincome/shared/src/utils/stats/ContributionStatsCalculator';
 import { Button, Typography } from '@socialincome/ui';
 import { FontColor } from '@socialincome/ui/src/interfaces/color';
 import Image from 'next/image';
 import transparency from '../(assets)/transparency.svg';
+import ScrollToChevron from '../(components)/scroll-to-chevron';
 
-export async function Resources({ lang }: DefaultParams) {
+type ResourcePageProps = {
+	lang: WebsiteLanguage;
+	currency: string;
+} & DefaultParams;
+
+const roundAmount = (amount: number) => (amount ? Math.round(amount / 10) * 10 : 0);
+
+export async function Resources({ lang, currency }: ResourcePageProps) {
 	const translator = await Translator.getInstance({
 		language: lang,
 		namespaces: ['website-selection'],
 	});
 
+	const contributionCalculator = await ContributionStatsCalculator.build(
+		firestoreAdmin,
+		currency.toUpperCase() as WebsiteCurrency,
+	);
+	const totalContributionsAmount = contributionCalculator.totalContributionsAmount();
+
 	return (
 		<div id="resources-section" className="flex h-[calc(100svh)] min-h-[600px] flex-col">
 			<div className="mt-[80px] flex flex-grow flex-col items-center justify-center p-6 text-center">
@@ -41,7 +57,8 @@ export async function Resources({ lang }: DefaultParams) {
 							<Button variant="link">
 								<a href="../transparency/finances" target="_blank" rel="noopener noreferrer">
 									<Typography as="span" className="text-xl sm:text-2xl">
-										{translator.t('section-2.amount')} {translator.t('section-2.amount-context')}
+										{currency.toUpperCase()} {roundAmount(totalContributionsAmount)}{' '}
+										{translator.t('section-2.amount-context')}
 									</Typography>
 								</a>
 							</Button>

diff --git a/...election/(sections)/selection-process.tsx → ...urrency]/(sections)/selection-process.tsx b/...election/(sections)/selection-process.tsx → ...urrency]/(sections)/selection-process.tsx
diff --git a/...y/recipient-selection/(sections)/state.ts → ...-selection/[currency]/(sections)/state.ts b/...y/recipient-selection/(sections)/state.ts → ...-selection/[currency]/(sections)/state.ts
diff --git a/...ang]/[region]/(website)/transparency/recipient-selection/[currency]/currency-redirect.tsx b/...ang]/[region]/(website)/transparency/recipient-selection/[currency]/currency-redirect.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import { useI18n } from '@/components/providers/context-providers';
+import { WebsiteCurrency } from '@/i18n';
+import { redirect } from 'next/navigation';
+import { useEffect } from 'react';
+
+export function CurrencyRedirect(props: { currency: WebsiteCurrency }) {
+	const { currency } = useI18n();
+
+	useEffect(() => {
+		if (currency && props.currency !== currency) {
+			redirect('./' + currency.toLowerCase());
+		}
+	}, [currency, props.currency]);
+
+	return null;
+}
diff --git a/...te/src/app/[lang]/[region]/(website)/transparency/recipient-selection/[currency]/page.tsx b/...te/src/app/[lang]/[region]/(website)/transparency/recipient-selection/[currency]/page.tsx
@@ -0,0 +1,28 @@
+import { DefaultPageProps } from '@/app/[lang]/[region]';
+import { WebsiteLanguage, WebsiteRegion } from '@/i18n';
+import { SelectionFaq } from './(sections)/faq';
+import { HeroSection } from './(sections)/hero-section';
+import { PastRounds } from './(sections)/past-rounds';
+import { Resources } from './(sections)/resources';
+import { SelectionProcess } from './(sections)/selection-process';
+
+type RecipientSelectionPageProps = {
+	params: {
+		region: WebsiteRegion;
+		lang: WebsiteLanguage;
+		currency: string;
+	};
+} & DefaultPageProps;
+
+export default async function Page({ params: { lang, region, currency } }: RecipientSelectionPageProps) {
+	return (
+		<div className="-mt-24 md:-mt-36">
+			{/*<CurrencyRedirect currency={currency as WebsiteCurrency} />*/}
+			<HeroSection lang={lang} region={region} />
+			<Resources lang={lang} region={region} currency={currency} />
+			<SelectionProcess lang={lang} region={region} />
+			<PastRounds lang={lang} region={region} />
+			<SelectionFaq lang={lang} region={region} />
+		</div>
+	);
+}
diff --git a/website/src/app/[lang]/[region]/(website)/transparency/recipient-selection/page.tsx b/website/src/app/[lang]/[region]/(website)/transparency/recipient-selection/page.tsx
@@ -1,18 +1,13 @@
-import { DefaultPageProps } from '@/app/[lang]/[region]';
-import { SelectionFaq } from './(sections)/faq';
-import { HeroSection } from './(sections)/hero-section';
-import { PastRounds } from './(sections)/past-rounds';
-import { Resources } from './(sections)/resources';
-import { SelectionProcess } from './(sections)/selection-process';
+'use client';
 
-export default async function Page({ params: { lang, region } }: DefaultPageProps) {
-	return (
-		<div className="-mt-24 md:-mt-36">
-			<HeroSection lang={lang} region={region} />
-			<Resources lang={lang} region={region} />
-			<SelectionProcess lang={lang} region={region} />
-			<PastRounds lang={lang} region={region} />
-			<SelectionFaq lang={lang} region={region} />
-		</div>
-	);
+import { useI18n } from '@/components/providers/context-providers';
+import { redirect } from 'next/navigation';
+import { useEffect } from 'react';
+
+export default function Page() {
+	const { currency } = useI18n();
+
+	useEffect(() => {
+		redirect('./recipient-selection/' + currency?.toLowerCase());
+	}, [currency]);
 }