diff --git a/web-app/app/[locale]/page.tsx b/web-app/app/[locale]/page.tsx index dbe99e8..229db13 100644 --- a/web-app/app/[locale]/page.tsx +++ b/web-app/app/[locale]/page.tsx @@ -9,6 +9,7 @@ import { ExclamationTriangleIcon } from "@heroicons/react/24/outline"; import { paragraphFormatFactory } from '../lib/paragraphFormatFactory'; import { getAuthProviders } from '../lib/getProviders'; import { EnterOrSignInButton } from '../ui/EnterOrSignInButton'; +import Link from 'next/link'; const h1ClassName = "text-3xl font-bold max-w-[38rem] mx-auto text-neutral-50"; const h2ClassName = h1ClassName + " mt-8"; @@ -33,11 +34,10 @@ const Page: FC = async () => {

{t.rich("main-card.title", paragraphFormat)}

- {t.rich("main-card.text", paragraphFormat)} - {t("main-card.image-alt")} - + {t.rich("main-card.text", paragraphFormat)} + {t("main-card.image-alt")} { // Google will refuse OAuth signin if it's inside a webview (i.e. Facebook) insideWebeview && diff --git a/web-app/app/lib/paragraphFormatFactory.tsx b/web-app/app/lib/paragraphFormatFactory.tsx index 13883da..3271eb4 100644 --- a/web-app/app/lib/paragraphFormatFactory.tsx +++ b/web-app/app/lib/paragraphFormatFactory.tsx @@ -6,7 +6,7 @@ export const paragraphFormatFactory = (locale: string) => ({ bold: (chunks: ReactNode) => {chunks}, indigo: (chunks: ReactNode) => {chunks} , p: (chunks: ReactNode) =>

{chunks}

, - disclaimer: (chunks: ReactNode) =>

{chunks}

, + disclaimer: (chunks: ReactNode) =>

{chunks}

, hint: (chunks: ReactNode) => {chunks}, linkTermsOfService: (chunks: ReactNode) => {chunks}, linkPrivacyPolicy: (chunks: ReactNode) => {chunks} diff --git a/web-app/app/ui/EnterOrSignInButton.tsx b/web-app/app/ui/EnterOrSignInButton.tsx index aa31a44..feef0cd 100644 --- a/web-app/app/ui/EnterOrSignInButton.tsx +++ b/web-app/app/ui/EnterOrSignInButton.tsx @@ -14,9 +14,10 @@ export const EnterOrSignInButton: FC<{ session: any, locale: string, providers: return ( <> - - { - session ? ( + { + !session ? ( + + {t("main-card.go-to-app")} - ) : ( - Object.values(providers).map((provider) => ( -
- -
- )) - ) - } -
- {t.rich("disclaimer", paragraphFormat)} +
+ + ) : ( + <> + + + { + Object.values(providers).map((provider) => ( +
+ +
+ )) + } +
+ {t.rich("disclaimer", paragraphFormat)} + + ) + } + ); -}; \ No newline at end of file +};