-
@@ -77,12 +78,12 @@ export const BackupOtpPage = () => {
control={form.control}
render={({ field }) => (
Use your backup code
+{t`Use your backup code`}
- Enter one of the 10 backup codes you saved when you enabled two-factor authentication. + {t`Enter one of the 10 backup codes you saved when you enabled two-factor authentication.`}
-
- A password reset link should have been sent to your inbox, if an account existed with
- the email you provided.
+ {t`A password reset link should have been sent to your inbox, if an account existed with the email you provided.`}
@@ -70,10 +70,9 @@ export const ForgotPasswordPage = () => {
return (
You've got mail!
+{t`You've got mail!`}
-
@@ -85,7 +84,7 @@ export const ForgotPasswordPage = () => {
control={form.control}
render={({ field }) => (
Forgot your password?
+{t`Forgot your password?`}
- Enter your email address and we will send you a link to reset your password if the account - exists. + {t`Enter your email address and we will send you a link to reset your password if the account exists.`}
- or continue with + + {t({ + message: "or continue with", + context: + "The user can either login with email/password, or continue with GitHub or Google.", + })} +
-
- Email
+ {t`Email`}
- You can also enter your username.
+ {t`You can also enter your username.`}
)}
@@ -96,13 +98,15 @@ export const LoginPage = () => {
control={form.control}
render={({ field }) => (
- Password
+ {t`Password`}
- Hold
+ Hold
@@ -111,11 +115,11 @@ export const LoginPage = () => {
diff --git a/apps/client/src/pages/auth/register/page.tsx b/apps/client/src/pages/auth/register/page.tsx
index bcd6ba5fb..9e36c2f08 100644
--- a/apps/client/src/pages/auth/register/page.tsx
+++ b/apps/client/src/pages/auth/register/page.tsx
@@ -1,4 +1,5 @@
import { zodResolver } from "@hookform/resolvers/zod";
+import { t, Trans } from "@lingui/macro";
import { ArrowRight, Warning } from "@phosphor-icons/react";
import { registerSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
@@ -38,7 +39,7 @@ export const RegisterPage = () => {
username: "",
email: "",
password: "",
- language: "en",
+ locale: "en",
},
});
@@ -56,7 +57,7 @@ export const RegisterPage = () => {
toast({
variant: "error",
icon:
Sign in to your account
+{t`Sign in to your account`}
- Don't have an account? + {t`Don't have an account?`}
@@ -81,11 +83,11 @@ export const LoginPage = () => { control={form.control} render={({ field }) => (Ctrl to display your password
- temporarily.
+ Ctrl to display your password
+ temporarily.
+
-
- Name
+ {t`Name`}
-
+
@@ -103,9 +111,16 @@ export const RegisterPage = () => {
control={form.control}
render={({ field }) => (
- Username
+ {t`Username`}
-
+
@@ -117,9 +132,16 @@ export const RegisterPage = () => {
control={form.control}
render={({ field }) => (
- Email
+ {t`Email`}
-
+
@@ -131,13 +153,15 @@ export const RegisterPage = () => {
control={form.control}
render={({ field }) => (
- Password
+ {t`Password`}
- Hold
+ Hold
@@ -145,7 +169,7 @@ export const RegisterPage = () => {
/>
diff --git a/apps/client/src/pages/auth/reset-password/page.tsx b/apps/client/src/pages/auth/reset-password/page.tsx
index 993fd8007..e9d39c7b4 100644
--- a/apps/client/src/pages/auth/reset-password/page.tsx
+++ b/apps/client/src/pages/auth/reset-password/page.tsx
@@ -1,4 +1,5 @@
import { zodResolver } from "@hookform/resolvers/zod";
+import { t, Trans } from "@lingui/macro";
import { Warning } from "@phosphor-icons/react";
import { resetPasswordSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
@@ -53,7 +54,7 @@ export const ResetPasswordPage = () => {
toast({
variant: "error",
icon:
- Password
+ {t`Password`}
- Hold
+ Hold
@@ -100,7 +103,7 @@ export const ResetPasswordPage = () => {
/>
diff --git a/apps/client/src/pages/auth/verify-email/page.tsx b/apps/client/src/pages/auth/verify-email/page.tsx
index 4ce5b325a..275551207 100644
--- a/apps/client/src/pages/auth/verify-email/page.tsx
+++ b/apps/client/src/pages/auth/verify-email/page.tsx
@@ -1,3 +1,4 @@
+import { t, Trans } from "@lingui/macro";
import { ArrowRight, Info, SealCheck, Warning } from "@phosphor-icons/react";
import { Alert, AlertDescription, AlertTitle, Button } from "@reactive-resume/ui";
import { AxiosError } from "axios";
@@ -25,7 +26,7 @@ export const VerifyEmailPage = () => {
toast({
variant: "success",
icon:
Please note that this step is completely optional.
-
+ {t`Please note that this step is completely optional.`}
- We verify your email address only to ensure that we can send you a password reset link in
- case you forget your password.
+ {t`We verify your email address only to ensure that we can send you a password reset link in case you forget your password.`}
diff --git a/apps/client/src/pages/auth/verify-otp/page.tsx b/apps/client/src/pages/auth/verify-otp/page.tsx
index 3a43ecf0f..7d5a52721 100644
--- a/apps/client/src/pages/auth/verify-otp/page.tsx
+++ b/apps/client/src/pages/auth/verify-otp/page.tsx
@@ -1,4 +1,5 @@
import { zodResolver } from "@hookform/resolvers/zod";
+import { t } from "@lingui/macro";
import { ArrowRight, Warning } from "@phosphor-icons/react";
import { twoFactorSchema } from "@reactive-resume/dto";
import { usePasswordToggle } from "@reactive-resume/hooks";
@@ -49,7 +50,7 @@ export const VerifyOtpPage = () => {
toast({
variant: "error",
icon:
Create a new account
+{t`Create a new account`}
- Already have an account? + {t`Already have an account?`}
@@ -89,9 +90,16 @@ export const RegisterPage = () => { control={form.control} render={({ field }) => (Ctrl to display your password
- temporarily.
+ Ctrl to display your password
+ temporarily.
+
-
@@ -86,13 +87,15 @@ export const ResetPasswordPage = () => {
control={form.control}
render={({ field }) => (
Reset your password
+{t`Reset your password`}
- Enter a new password below, and make sure it's secure. + {t`Enter a new password below, and make sure it's secure.`}
Ctrl to display your password
- temporarily.
+ Ctrl to display your password
+ temporarily.
+
-
Verify your email address
+{t`Verify your email address`}
- You should have received an email from Reactive Resume with a link to
- verify your account.
+
-
- One-Time Password
+ {t`One-Time Password`}
@@ -94,7 +95,7 @@ export const VerifyOtpPage = () => {
/>
diff --git a/apps/client/src/pages/builder/_components/header.tsx b/apps/client/src/pages/builder/_components/header.tsx
index a9479b377..cf8bf884d 100644
--- a/apps/client/src/pages/builder/_components/header.tsx
+++ b/apps/client/src/pages/builder/_components/header.tsx
@@ -1,3 +1,4 @@
+import { t } from "@lingui/macro";
import { HouseSimple, Lock, SidebarSimple } from "@phosphor-icons/react";
import { useBreakpoint } from "@reactive-resume/hooks";
import { Button, Tooltip } from "@reactive-resume/ui";
@@ -52,7 +53,7 @@ export const BuilderHeader = () => {
+
)}
diff --git a/apps/client/src/pages/builder/_components/toolbar.tsx b/apps/client/src/pages/builder/_components/toolbar.tsx
index 25ff3ebc8..3d54597ef 100644
--- a/apps/client/src/pages/builder/_components/toolbar.tsx
+++ b/apps/client/src/pages/builder/_components/toolbar.tsx
@@ -1,3 +1,4 @@
+import { t } from "@lingui/macro";
import {
ArrowClockwise,
ArrowCounterClockwise,
@@ -55,14 +56,14 @@ export const BuilderToolbar = () => {
>
Two Step Verification
+{t`Two-Factor Authentication`}
- Enter the one-time password provided by your authenticator app below. + {t`Enter the one-time password provided by your authenticator app below.`}
@@ -84,7 +85,7 @@ export const VerifyOtpPage = () => { control={form.control} render={({ field }) => ({title}
{locked && ( -
{/* Undo */}
-
+
{/* Redo */}
-
+
@@ -70,25 +71,25 @@ export const BuilderToolbar = () => {
+
-
+
-
+
-
+
@@ -97,7 +98,7 @@ export const BuilderToolbar = () => {
+
{
{/* Toggle Page Numbers */}
-
+
{
+
{/* Download PDF */}
-
+