fix: add i18n transalations and change translation word with project

README.md

@@ -14,10 +14,10 @@ pnpm install
 cp .env.example .env.local
 ```
 
-3. Run local db with docker
+3. Launch local db with docker daemon
 
 ```sh
-docker-compose up
+docker-compose up -d
 ```
 
 4. Run migrations

app/(dashboard)/dashboard/loading.tsx

@@ -1,3 +1,4 @@
+import i18n from "@/lib/i18n"
 import { DashboardHeader } from "@/components/header"
 import { DashboardShell } from "@/components/shell"
 import { TranslationCreateButton } from "@/components/translation-create-button"
@@ -7,8 +8,8 @@ export default function DashboardLoading() {
   return (
     <DashboardShell>
       <DashboardHeader
-        heading="Translations"
-        text="Create and manage translations."
+        heading={i18n.t("app.dashboard.Projects")}
+        text={i18n.t("app.dashboard.Create manage projects")}
       >
         <TranslationCreateButton />
       </DashboardHeader>

app/(dashboard)/dashboard/page.tsx

@@ -2,6 +2,7 @@ import { redirect } from "next/navigation"
 
 import { authOptions } from "@/lib/auth"
 import { db } from "@/lib/db"
+import i18n from "@/lib/i18n"
 import { getCurrentUser } from "@/lib/session"
 import { EmptyPlaceholder } from "@/components/empty-placeholder"
 import { DashboardHeader } from "@/components/header"
@@ -38,8 +39,8 @@ export default async function DashboardPage() {
   return (
     <DashboardShell>
       <DashboardHeader
-        heading="Translations"
-        text="Create and manage translations."
+        heading={i18n.t("app.dashboard.Projects")}
+        text={i18n.t("app.dashboard.Create manage projects")}
       >
         <TranslationCreateButton />
       </DashboardHeader>
@@ -54,10 +55,10 @@ export default async function DashboardPage() {
           <EmptyPlaceholder>
             <EmptyPlaceholder.Icon name="translation" />
             <EmptyPlaceholder.Title>
-              No translations created
+              {i18n.t("app.dashboard.No project added")}
             </EmptyPlaceholder.Title>
             <EmptyPlaceholder.Description>
-              You don&apos;t have any translations yet. Start creating content.
+              {i18n.t("app.dashboard.No project added.description")}
             </EmptyPlaceholder.Description>
             <TranslationCreateButton variant="outline" />
           </EmptyPlaceholder>

components/translation-create-button.tsx

@@ -3,6 +3,7 @@
 import * as React from "react"
 import { useRouter } from "next/navigation"
 
+import i18n from "@/lib/i18n"
 import { cn } from "@/lib/utils"
 import { ButtonProps, buttonVariants } from "@/components/ui/button"
 import { toast } from "@/components/ui/use-toast"
@@ -75,7 +76,7 @@ export function TranslationCreateButton({
       ) : (
         <Icons.add className="mr-2 h-4 w-4" />
       )}
-      New translation
+      {i18n.t("app.New project")}
     </button>
   )
 }

config/dashboard.ts

@@ -1,11 +1,12 @@
 import { DashboardConfig } from "types"
+import i18n from "@/lib/i18n"
 
 export const dashboardConfig: DashboardConfig = {
   mainNav: [],
   sidebarNav: [
     {
       id: "translations",
-      title: "Translations",
+      title: i18n.t("app.dashboard.Projects"),
       href: "/dashboard",
       icon: "translation",
     },

lib/i18n/languages/en.json

@@ -1,3 +1,8 @@
 {
-  "app.Get started": "Get started"
-}
+  "app.Get started": "Get started",
+  "app.New project": "New project",
+  "app.dashboard.Projects": "Projects",
+  "app.dashboard.Create manage projects": "Create and manage translation projects.",
+  "app.dashboard.No project added": "No project added",
+  "app.dashboard.No project added.description": "You don't have any project yet. Start creating content."
+}