Update - Localization

- added DE to lang selector
- updated Prisma schema added DE to enum

components/SetLanguage.tsx

@@ -29,13 +29,16 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 import { toast } from "@/components/ui/use-toast";
-import { on } from "events";
+
 import axios from "axios";
 import { useRouter } from "next/navigation";
+import { useState } from "react";
+import LoadingModal from "./modals/loading-modal";
 
 const languages = [
   { label: "English", value: "en" },
   { label: "Czech", value: "cz" },
+  { label: "German", value: "de" },
 ] as const;
 
 const FormSchema = z.object({
@@ -55,16 +58,36 @@ export function SetLanguage({ userId }: Props) {
     resolver: zodResolver(FormSchema),
   });
 
+  const [isLoading, setIsLoading] = useState(false);
+
   async function onSubmit(data: z.infer<typeof FormSchema>) {
-    await axios.put(`/api/user/${userId}/set-language`, data);
-    toast({
-      title: "Success",
-      description:
-        "You change user language to:" +
-        data.language +
-        " but it's not working yet.",
-    });
-    router.refresh();
+    setIsLoading(true);
+    try {
+      await axios.put(`/api/user/${userId}/set-language`, data);
+      toast({
+        title: "Success",
+        description: "You change user language to: " + data.language,
+      });
+    } catch (e) {
+      console.log(e, "error");
+      toast({
+        title: "Error",
+        description: "Something went wrong.",
+        variant: "destructive",
+      });
+    } finally {
+      router.refresh();
+      setIsLoading(false);
+    }
+  }
+
+  if (isLoading) {
+    return (
+      <LoadingModal
+        isOpen={isLoading}
+        description="Changing NextCRM language"
+      />
+    );
   }
 
   return (
@@ -100,7 +123,7 @@ export function SetLanguage({ userId }: Props) {
                 </PopoverTrigger>
                 <PopoverContent className="w-[200px] p-0">
                   <Command>
-                    <CommandInput placeholder="Search framework..." />
+                    <CommandInput placeholder="Search language ..." />
                     <CommandEmpty>No framework found.</CommandEmpty>
                     <CommandGroup>
                       {languages.map((language) => (

components/modals/loading-modal.tsx

@@ -16,8 +16,8 @@ import { type } from "os";
 
 type LoadingModalProps = {
   isOpen: boolean;
-  title: string;
-  description: string;
+  title?: string;
+  description?: string;
 };
 
 const LoadingModal = ({ isOpen, title, description }: LoadingModalProps) => {

locales/de.json

@@ -4,7 +4,7 @@
     "description": "Willkommen bei NextCRM CRM mit Prisma und Next.js 13"
   },
   "ModuleMenu": {
-    "dashboard": "Přehled",
+    "dashboard": "Dashboard",
     "crm": {
       "title": "Handel",
       "accounts": "Firmen",

locales/en.json

@@ -4,7 +4,7 @@
     "description": "NextCRM is an open source CRM build on top of NextJS."
   },
   "ModuleMenu": {
-    "dashboard": "Přehled",
+    "dashboard": "Dashboard",
     "crm": {
       "title": "Sales",
       "accounts": "Companies",
@@ -13,12 +13,12 @@
       "leads": "Leads"
     },
     "projects": "Projects",
-    "tasks": "Úkoly",
-    "invoices": "Faktury",
+    "tasks": "Tasks",
+    "invoices": "Invoices",
     "reports": "Reports",
-    "documents": "Dokumenty",
-    "storage": "Úložiště",
-    "settings": "Nastavení"
+    "documents": "Documents",
+    "storage": "Storage",
+    "settings": "Administration"
   },
   "DashboardPage": {
     "containerTitle": "Dashboard",

package.json

@@ -88,7 +88,7 @@
     "@types/nodemailer": "^6.4.8",
     "@types/react-beautiful-dnd": "^13.1.4",
     "cypress": "^13.1.0",
-    "prisma": "^5.5.2",
+    "prisma": "^5.6.0",
     "ts-node": "^10.9.1",
     "typescript": "^5.1.6"
   }

prisma/schema.prisma

@@ -566,6 +566,7 @@ model Users {
 enum Language {
   cz
   en
+  de
 }
 
 model system_Modules_Enabled {