feature(website): add button to donate via twint (#671)

socialincome-san · Dec 9, 2023 · d60aff0 · d60aff0
1 parent bf0e2d2
commit d60aff0
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 4 deletions.
diff --git a/shared/locales/de/website-donate.json b/shared/locales/de/website-donate.json
@@ -37,7 +37,8 @@
 	},
 	"one-time": {
 		"title": "Einmalige Spende",
-		"subtitle": "Unterstütze Social Income mit einem einmaligen Beitrag"
+		"subtitle": "Unterstütze Social Income mit einem einmaligen Beitrag",
+		"twint-button": "Du kannst uns auch via Twint unterstützen"
 	},
 	"success": {
 		"title": "Herzlichen Dank für deine Spende",

diff --git a/shared/locales/de/website-our-work.json b/shared/locales/de/website-our-work.json
@@ -16,6 +16,7 @@
 		"header": "So funkioniert's",
 		"title-1": "Ein solidarischer Beitrag, von Mensch zu Mensch. ",
 		"title-2": "So einfach.",
+		"text": "Wir sind überzeugt, dass Menschen in Armut sich selber helfen können, wenn sie die Mittel dazu erhalten.",
 		"subtitle": "Mach einen Unterschied in weniger als 1 Minute.",
 		"item-1": "Individuelle Beiträge werden zu 100% an Empfänger:innen ausbezahlt",
 		"item-2": "Flexible Zahlungspläne. Modifiziere oder kündige jederzeit",

diff --git a/shared/locales/en/website-donate.json b/shared/locales/en/website-donate.json
@@ -37,7 +37,8 @@
 	},
 	"one-time": {
 		"title": "One-time Donation",
-		"subtitle": "Make a one-time donation to Social Income"
+		"subtitle": "Make a one-time donation to Social Income",
+		"twint-button": "You can also support us through Twint"
 	},
 	"success": {
 		"title": "Thank you for your contribution",

diff --git a/website/src/app/[lang]/[region]/(website)/(home)/section-2.tsx b/website/src/app/[lang]/[region]/(website)/(home)/section-2.tsx
@@ -47,7 +47,7 @@ export function Section2({ vimeoVideoId, translations }: Section2Props) {
 							{translations.videoButton}
 						</Typography>
 					</DialogTrigger>
-					<DialogContent className="max-w-screen-lg">
+					<DialogContent className="max-w-screen-lg overflow-hidden rounded p-0">
 						<VimeoVideo videoId={vimeoVideoId} videoOptions={{ autoplay: true }} />
 					</DialogContent>
 				</Dialog>

diff --git a/website/src/app/[lang]/[region]/donate/one-time/page.tsx b/website/src/app/[lang]/[region]/donate/one-time/page.tsx
@@ -1,7 +1,8 @@
 import { DefaultPageProps } from '@/app/[lang]/[region]';
 import OneTimeDonationForm from '@/app/[lang]/[region]/donate/one-time/one-time-donation-form';
 import { Translator } from '@socialincome/shared/src/utils/i18n';
-import { BaseContainer, Typography } from '@socialincome/ui';
+import { BaseContainer, Button, Typography } from '@socialincome/ui';
+import Link from 'next/link';
 
 export default async function Page({ params: { lang, region } }: DefaultPageProps) {
 	const translator = await Translator.getInstance({ language: lang, namespaces: 'website-donate' });
@@ -24,6 +25,13 @@ export default async function Page({ params: { lang, region } }: DefaultPageProp
 						}}
 					/>
 				</div>
+				{region === 'ch' && (
+					<Link href="https://donate.raisenow.io/cvzzr" target="_blank">
+						<Button size="lg" variant="link" className="mt-8">
+							{translator.t('one-time.twint-button')}
+						</Button>
+					</Link>
+				)}
 			</div>
 		</BaseContainer>
 	);