Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-22 04:31:35 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat(i18n): implement localization using LinguiJS

Browse Source
This commit is contained in:
Amruth Pillai
2023-11-10 09:07:47 +01:00
parent 13d91411e3
commit 6ad4358d70
108 changed files with 4631 additions and 798 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/client/src/pages/auth/layout.tsx
View File

@ -1,3 +1,4 @@
import { t } from "@lingui/macro";
import { useMemo } from "react";
import { Link, matchRoutes, Outlet, useLocation } from "react-router-dom";
@ -25,7 +26,13 @@ export const AuthLayout = () => {
<>
<div className="flex items-center gap-x-4">
<hr className="flex-1" />
<span className="text-xs font-medium">or continue with</span>
<span className="text-xs font-medium">
{t({
message: "or continue with",
context:
"The user can either login with email/password, or continue with GitHub or Google.",
})}
</span>
<hr className="flex-1" />
</div>
@ -38,18 +45,18 @@ export const AuthLayout = () => {
<img
width={1920}
height={1080}
alt="Open books on a table"
alt={t`Open books on a table`}
className="h-screen w-full object-cover object-center"
src="/backgrounds/patrick-tomasso-Oaqk7qqNh_c-unsplash.jpg"
/>
<div className="absolute bottom-5 right-5 z-10 bg-primary/30 px-4 py-2 text-xs font-medium text-primary-foreground backdrop-blur-sm">
<a
href="https://unsplash.com/photos/Oaqk7qqNh_c"
target="_blank"
rel="noopener noreferrer nofollow"
href="https://unsplash.com/photos/Oaqk7qqNh_c"
>
Photograph by Patrick Tomasso
{t`Photograph by Patrick Tomasso`}
</a>
</div>
</div>