Add translation

kitloong · May 12, 2024 · 17e7e38 · 17e7e38
1 parent 9605323
commit 17e7e38
Show file tree

Hide file tree

Showing 27 changed files with 597 additions and 292 deletions.
diff --git a/.env.development b/.env.development
@@ -1,4 +1,4 @@
-NEXT_PUBLIC_POKEMON_LIST_API_BASE_URL=https://json-server-mock.vercel.app/api/
+NEXT_PUBLIC_POKEMON_LIST_API_BASE_URL=https://json-server-git-feature-locale-kitloongs-projects.vercel.app/api/
 NEXT_PUBLIC_API_RETRY_INTERVAL_IN_SECONDS=5
 NEXT_PUBLIC_API_MAX_RETRY=5
 NEXTAUTH_URL=http://localhost:3000

diff --git a/.env.production b/.env.production
@@ -1,4 +1,4 @@
-NEXT_PUBLIC_POKEMON_LIST_API_BASE_URL=https://json-server-mock.vercel.app/api/
+NEXT_PUBLIC_POKEMON_LIST_API_BASE_URL=https://json-server-git-feature-locale-kitloongs-projects.vercel.app//api/
 NEXT_PUBLIC_API_RETRY_INTERVAL_IN_SECONDS=5
 NEXT_PUBLIC_API_MAX_RETRY=5
 NEXTAUTH_URL=https://nextjs-dashboard-olive.vercel.app/

diff --git a/src/app/(authentication)/login/login.tsx b/src/app/(authentication)/login/login.tsx
@@ -99,7 +99,7 @@ export default function Login({ callbackUrl }: { callbackUrl: string }) {
             name="password"
             required
             disabled={submitting}
-            placeholder="Password"
+            placeholder={dict.login.form.password}
             aria-label="Password"
             defaultValue="Password"
           />
@@ -113,13 +113,12 @@ export default function Login({ callbackUrl }: { callbackUrl: string }) {
               type="submit"
               disabled={submitting}
             >
-              Login
+              {dict.login.form.submit}
             </Button>
           </Col>
           <Col xs={6} className="text-end">
             <Link className="px-0" href="#">
-              Forgot
-              password?
+              {dict.login.forgot_password}
             </Link>
           </Col>
         </Row>

diff --git a/src/app/(authentication)/login/page.tsx b/src/app/(authentication)/login/page.tsx
@@ -23,7 +23,7 @@ export default async function Page({ searchParams }: { searchParams: SearchParam
           <Col md={7} className="bg-white border p-5">
             <div>
               <h1>{dict.login.title}</h1>
-              <p className="text-black-50">Sign In to your account</p>
+              <p className="text-black-50">{dict.login.description}</p>
 
               <LoginForm callbackUrl={getCallbackUrl()} />
             </div>
@@ -33,13 +33,10 @@ export default async function Page({ searchParams }: { searchParams: SearchParam
             className="bg-primary text-white d-flex align-items-center justify-content-center p-5"
           >
             <div className="text-center">
-              <h2>Sign up</h2>
-              <p>
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                tempor incididunt ut labore et dolore magna aliqua.
-              </p>
+              <h2>{dict.login.signup.title}</h2>
+              <p>{dict.login.signup.description}</p>
               <Link className="btn btn-lg btn-outline-light mt-3" href="/register">
-                Register Now!
+                {dict.signup.register_now}
               </Link>
             </div>
           </Col>

diff --git a/src/app/(authentication)/register/page.tsx b/src/app/(authentication)/register/page.tsx
@@ -2,15 +2,18 @@ import {
   Card, CardBody, Col, Row,
 } from 'react-bootstrap'
 import Register from '@/app/(authentication)/register/register'
+import { getDictionary } from '@/locales/dictionary'
+
+export default async function Page() {
+  const dict = await getDictionary()
 
-export default function Page() {
   return (
     <Row className="justify-content-center">
       <Col md={6}>
         <Card className="mb-4 rounded-0">
           <CardBody className="p-4">
-            <h1>Register</h1>
-            <p className="text-black-50">Create your account</p>
+            <h1>{dict.signup.title}</h1>
+            <p className="text-black-50">{dict.signup.description}</p>
             <Register />
           </CardBody>
         </Card>

diff --git a/src/app/(authentication)/register/register.tsx b/src/app/(authentication)/register/register.tsx
@@ -10,9 +10,11 @@ import { useRouter } from 'next/navigation'
 import { useState } from 'react'
 import InputGroupText from 'react-bootstrap/InputGroupText'
 import { signIn } from 'next-auth/react'
+import useDictionary from '@/locales/dictionary-hook'
 
 export default function Register() {
   const router = useRouter()
+  const dict = useDictionary()
   const [submitting, setSubmitting] = useState(false)
   const [error, setError] = useState('')
 
@@ -66,7 +68,7 @@ export default function Register() {
             name="username"
             required
             disabled={submitting}
-            placeholder="Username"
+            placeholder={dict.signup.form.username}
             aria-label="Username"
           />
         </InputGroup>
@@ -80,7 +82,7 @@ export default function Register() {
             name="email"
             required
             disabled={submitting}
-            placeholder="Email"
+            placeholder={dict.signup.form.email}
             aria-label="Email"
           />
         </InputGroup>
@@ -92,7 +94,7 @@ export default function Register() {
             name="password"
             required
             disabled={submitting}
-            placeholder="Password"
+            placeholder={dict.signup.form.password}
             aria-label="Password"
           />
         </InputGroup>
@@ -104,13 +106,13 @@ export default function Register() {
             name="password_repeat"
             required
             disabled={submitting}
-            placeholder="Repeat password"
-            aria-label="Repeat password"
+            placeholder={dict.signup.form.confirm_password}
+            aria-label="Confirm password"
           />
         </InputGroup>
 
         <Button type="submit" className="d-block w-100" disabled={submitting} variant="success">
-          Create Account
+          {dict.signup.form.submit}
         </Button>
       </Form>
     </>

diff --git a/src/app/(dashboard)/layout/Header/Header.tsx b/src/app/(dashboard)/layout/Header/Header.tsx
@@ -9,7 +9,7 @@ import Breadcrumb from '@/app/(dashboard)/layout/Breadcrumb/Breadcrumb'
 export default function Header() {
   return (
     <header className="header sticky-top mb-4 py-2 px-sm-2 border-bottom">
-      <Container fluid className="header-navbar d-flex align-items-center">
+      <Container fluid className="header-navbar d-flex align-items-center px-0 px-sm-3">
         <HeaderSidebarToggler />
         <Link href="/" className="header-brand d-md-none">
           <svg width="80" height="46">

diff --git a/src/app/(dashboard)/layout/Header/HeaderNotificationNav.tsx b/src/app/(dashboard)/layout/Header/HeaderNotificationNav.tsx
@@ -224,7 +224,7 @@ export default async function HeaderNotificationNav() {
             <DropdownDivider />
 
             <Link href="#" passHref legacyBehavior>
-              <DropdownItem className="text-center fw-bold">{dict.task.viewAll}</DropdownItem>
+              <DropdownItem className="text-center fw-bold">{dict.task.view_all}</DropdownItem>
             </Link>
 
           </DropdownMenu>