feature(website): add reporting page (#656)

socialincome-san · Nov 28, 2023 · 4175abc · 4175abc
1 parent 43dca26
commit 4175abc
Show file tree

Hide file tree

Showing 7 changed files with 179 additions and 6 deletions.
diff --git a/shared/locales/de/website-common.json b/shared/locales/de/website-common.json
@@ -22,6 +22,7 @@
 		"privacy-policy": "Datenschutzrichtlinie",
 		"recipient-selection": "Selektion der Empfänger:innen",
 		"recipients": "Empfänger:innen",
+		"reporting": "Dokumente",
 		"team": "Team",
 		"terms-and-conditions": "Teilnahmebedingungen",
 		"terms-of-use": "Nutzungsbedingungen",

diff --git a/shared/locales/de/website-reporting.json b/shared/locales/de/website-reporting.json
@@ -0,0 +1,57 @@
+{
+	"title": "Dokumente",
+	"table-columns": {
+		"title": "Dokument",
+		"language": "Sprache",
+		"href": "Link"
+	},
+	"table-caption": "Neue Berichte werden kontinuierlich hinzugefügt.",
+	"download-pdf": "PDF",
+	"reports": [
+		{
+			"title": "Finanzbericht 2022",
+			"href": "https://drive.google.com/file/d/13OJlzxznbsRhE3ywYHOF3ggh7e89zZtn/view",
+			"language": "Englisch"
+		},
+		{
+			"title": "Finanzbericht 2022",
+			"href": "https://drive.google.com/file/d/1ivgdOqI3WkJ5ymSuDMNS0BP3SffVxCKk/view",
+			"language": "Deutsch"
+		},
+		{
+			"title": "Jahresbericht 2021",
+			"href": "https://drive.google.com/file/d/1WmuWDMvbngCY73scZM5_qD3BpIambigG/view",
+			"language": "Englisch/Deutsch"
+		},
+		{
+			"title": "Finanzbericht 2021",
+			"href": "https://drive.google.com/file/d/1WdTi_NWhpGX7nHQh1Duu9W-klmGQT1Ik/view",
+			"language": "Englisch"
+		},
+		{
+			"title": "Finanzbericht 2021",
+			"href": "https://drive.google.com/file/d/1WfUPKVuEcCICqNn4PR_dPU1Rg2ji1q6W/view",
+			"language": "Deutsch"
+		},
+		{
+			"title": "Prüfbericht 2021",
+			"href": "https://drive.google.com/file/d/16b-w5B2PhkRBZbBQOTmBXfxTGrDvf2FE/view",
+			"language": "Deutsch"
+		},
+		{
+			"title": "Jahresbericht 2020",
+			"href": "https://drive.google.com/file/d/15_v8B7eLJxDJVNfoYWABwKNcfHbz1U_o/view",
+			"language": "Englisch/Deutsch"
+		},
+		{
+			"title": "Prüfbericht 2020",
+			"href": "https://drive.google.com/file/d/15aaPhuCCTicG74lNeg6OA9vEsq4nkE0o/view",
+			"language": "Deutsch"
+		},
+		{
+			"title": "Bestätigung Steuerbefreiung",
+			"href": "https://drive.google.com/file/d/1-YAtyYjUL_LqMKyG0IN41Cohr58EAy7S/view",
+			"language": "Deutsch"
+		}
+	]
+}
diff --git a/shared/locales/en/website-common.json b/shared/locales/en/website-common.json
@@ -22,6 +22,7 @@
 		"privacy-policy": "Privacy Policy",
 		"recipient-selection": "Recipient Selection",
 		"recipients": "Recipients",
+		"reporting": "Reporting",
 		"team": "Team",
 		"terms-and-conditions": "Terms and Conditions",
 		"terms-of-use": "Terms of Use",

diff --git a/shared/locales/en/website-reporting.json b/shared/locales/en/website-reporting.json
@@ -0,0 +1,57 @@
+{
+	"title": "Reporting",
+	"table-columns": {
+		"title": "Document",
+		"language": "Language",
+		"href": "Link"
+	},
+	"table-caption": "New reports are continuously added.",
+	"download-pdf": "PDF",
+	"reports": [
+		{
+			"title": "Financial Statement 2022",
+			"href": "https://drive.google.com/file/d/13OJlzxznbsRhE3ywYHOF3ggh7e89zZtn/view",
+			"language": "English"
+		},
+		{
+			"title": "Financial Statement 2022",
+			"href": "https://drive.google.com/file/d/1ivgdOqI3WkJ5ymSuDMNS0BP3SffVxCKk/view",
+			"language": "German"
+		},
+		{
+			"title": "Annual Report 2021",
+			"href": "https://drive.google.com/file/d/1WmuWDMvbngCY73scZM5_qD3BpIambigG/view",
+			"language": "English/German"
+		},
+		{
+			"title": "Financial Statement 2021",
+			"href": "https://drive.google.com/file/d/1WdTi_NWhpGX7nHQh1Duu9W-klmGQT1Ik/view",
+			"language": "English"
+		},
+		{
+			"title": "Financial Statement 2021",
+			"href": "https://drive.google.com/file/d/1WfUPKVuEcCICqNn4PR_dPU1Rg2ji1q6W/view",
+			"language": "German"
+		},
+		{
+			"title": "Audit Report 2021",
+			"href": "https://drive.google.com/file/d/16b-w5B2PhkRBZbBQOTmBXfxTGrDvf2FE/view",
+			"language": "German"
+		},
+		{
+			"title": "Annual Report 2020",
+			"href": "https://drive.google.com/file/d/15_v8B7eLJxDJVNfoYWABwKNcfHbz1U_o/view",
+			"language": "English/German"
+		},
+		{
+			"title": "Audit Report 2020",
+			"href": "https://drive.google.com/file/d/15aaPhuCCTicG74lNeg6OA9vEsq4nkE0o/view",
+			"language": "German"
+		},
+		{
+			"title": "Confirmation Tax Exemption",
+			"href": "https://drive.google.com/file/d/1-YAtyYjUL_LqMKyG0IN41Cohr58EAy7S/view",
+			"language": "German"
+		}
+	]
+}
diff --git a/website/src/app/[lang]/[region]/(website)/transparency/reporting/page.tsx b/website/src/app/[lang]/[region]/(website)/transparency/reporting/page.tsx
@@ -0,0 +1,58 @@
+import { DefaultPageProps } from '@/app/[lang]/[region]';
+import { getMetadata } from '@/metadata';
+import { Translator } from '@socialincome/shared/src/utils/i18n';
+import {
+	BaseContainer,
+	Table,
+	TableBody,
+	TableCaption,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+	Typography,
+} from '@socialincome/ui';
+import Link from 'next/link';
+
+export async function generateMetadata({ params }: DefaultPageProps) {
+	return getMetadata(params.lang, 'website-reporting');
+}
+
+export default async function Page({ params }: DefaultPageProps) {
+	const translator = await Translator.getInstance({
+		language: params.lang,
+		namespaces: ['website-reporting'],
+	});
+
+	return (
+		<BaseContainer className="mx-auto flex max-w-2xl flex-col	space-y-12 pb-16">
+			<Typography size="4xl" weight="bold">
+				{translator.t('title')}
+			</Typography>
+			<Table>
+				<TableCaption>{translator.t('table-caption')}</TableCaption>
+				<TableHeader>
+					<TableRow>
+						<TableHead>{translator.t('table-columns.title')}</TableHead>
+						<TableHead>{translator.t('table-columns.language')}</TableHead>
+						<TableHead className="text-right">{translator.t('table-columns.href')}</TableHead>
+					</TableRow>
+				</TableHeader>
+
+				<TableBody>
+					{translator.t<{ title: string; href: string; language: string }[]>('reports').map((report, index) => (
+						<TableRow key={index}>
+							<TableCell className="font-medium">{report.title}</TableCell>
+							<TableCell>{report.language}</TableCell>
+							<TableCell className="text-right">
+								<Link href={report.href} target="_blank" className="text-primary underline">
+									{translator.t('download-pdf')}
+								</Link>
+							</TableCell>
+						</TableRow>
+					))}
+				</TableBody>
+			</Table>
+		</BaseContainer>
+	);
+}
diff --git a/website/src/components/navbar/navbar-client.tsx b/website/src/components/navbar/navbar-client.tsx
@@ -31,7 +31,6 @@ type NavigationSection = {
 	href?: string;
 	links?: {
 		title: string;
-		description?: string;
 		href: string;
 	}[];
 };
@@ -179,7 +178,7 @@ export function NavbarClient({
 						{navigation.map((section, index) => (
 							<div key={index}>
 								{_.isEmpty(section.links) && section.href ? (
-									// Entire section is a link with hover effect
+									// This section is a link with hover effect
 									<Link
 										href={section.href}
 										className="hover:bg-accent flex flex-1 items-center justify-between px-5 py-4 text-lg font-medium md:px-0"

diff --git a/website/src/components/navbar/navbar.tsx b/website/src/components/navbar/navbar.tsx
@@ -54,22 +54,22 @@ export default async function Navbar({ lang, region, showNavigation = true }: Na
 						{
 							title: translator.t('navigation.finances'),
 							href: `/${lang}/${region}/transparency/finances`,
-							description: translator.t('navigation.finances-description'),
 						},
 						{
 							title: translator.t('navigation.recipient-selection'),
 							href: `/${lang}/${region}/transparency/recipient-selection`,
-							description: translator.t('navigation.recipient-selection-description'),
 						},
 						{
 							title: translator.t('navigation.faq'),
 							href: `/${lang}/${region}/faq`,
-							description: translator.t('navigation.faq-description'),
 						},
 						{
 							title: translator.t('navigation.evidence'),
 							href: `/${lang}/${region}/transparency/evidence`,
-							description: translator.t('navigation.evidence-description'),
+						},
+						{
+							title: translator.t('navigation.reporting'),
+							href: `/${lang}/${region}/transparency/reporting`,
 						},
 					],
 				},