Chore: theme language support and refactor

packages/constants/src/index.ts

@@ -19,6 +19,7 @@ export * from "./stickies";
 export * from "./module";
 export * from "./project";
 export * from "./views";
+export * from "./themes";
 export * from "./inbox";
 export * from "./profile";
 export * from "./workspace-drafts";

web/core/constants/themes.ts → packages/constants/src/themes.ts

@@ -1,9 +1,15 @@
-export const THEMES = ["light", "dark", "light-contrast", "dark-contrast", "custom"];
+export const THEMES = [
+  "light",
+  "dark",
+  "light-contrast",
+  "dark-contrast",
+  "custom",
+];
 
 export interface I_THEME_OPTION {
   key: string;
   value: string;
-  label: string;
+  i18n_label: string;
   type: string;
   icon: {
     border: string;
@@ -16,7 +22,7 @@ export const THEME_OPTIONS: I_THEME_OPTION[] = [
   {
     key: "system_preference",
     value: "system",
-    label: "System preference",
+    i18n_label: "System preference",
     type: "light",
     icon: {
       border: "#DEE2E6",
@@ -27,7 +33,7 @@ export const THEME_OPTIONS: I_THEME_OPTION[] = [
   {
     key: "light",
     value: "light",
-    label: "Light",
+    i18n_label: "Light",
     type: "light",
     icon: {
       border: "#DEE2E6",
@@ -38,7 +44,7 @@ export const THEME_OPTIONS: I_THEME_OPTION[] = [
   {
     key: "dark",
     value: "dark",
-    label: "Dark",
+    i18n_label: "Dark",
     type: "dark",
     icon: {
       border: "#2E3234",
@@ -49,7 +55,7 @@ export const THEME_OPTIONS: I_THEME_OPTION[] = [
   {
     key: "light_contrast",
     value: "light-contrast",
-    label: "Light high contrast",
+    i18n_label: "Light high contrast",
     type: "light",
     icon: {
       border: "#000000",
@@ -60,7 +66,7 @@ export const THEME_OPTIONS: I_THEME_OPTION[] = [
   {
     key: "dark_contrast",
     value: "dark-contrast",
-    label: "Dark high contrast",
+    i18n_label: "Dark high contrast",
     type: "dark",
     icon: {
       border: "#FFFFFF",
@@ -71,7 +77,7 @@ export const THEME_OPTIONS: I_THEME_OPTION[] = [
   {
     key: "custom",
     value: "custom",
-    label: "Custom theme",
+    i18n_label: "Custom theme",
     type: "light",
     icon: {
       border: "#FFC9C9",

packages/i18n/src/locales/en/translations.json

@@ -312,7 +312,7 @@
   "change_parent_issue": "Change parent issue",
   "remove_parent_issue": "Remove parent issue",
   "add_parent": "Add parent",
-  "loading_members": "Loading members...",      
+  "loading_members": "Loading members...",
   "view_link_copied_to_clipboard": "View link copied to clipboard.",
   "required": "Required",
   "optional": "Optional",
@@ -340,7 +340,7 @@
       "name": "Name"
     }
   },
-  
+
   "toast": {
     "success": "Success!",
     "error": "Error!"
@@ -670,38 +670,38 @@
 
   "workspace_projects": {
     "network": {
-        "private": {
-          "title": "Private",
-          "description": "Accessible only by invite"
-        },
-        "public": {
-          "title": "Public",
-          "description": "Anyone in the workspace except Guests can join"
-        }
-      },
-      "error": {
-        "permission": "You don't have permission to perform this action.",
-        "cycle_delete": "Failed to delete cycle",
-        "module_delete": "Failed to delete module",
-        "issue_delete": "Failed to delete issue"
-      },
-      "state": {
-        "backlog": "Backlog",
-        "unstarted": "Unstarted",
-        "started": "Started",
-        "completed": "Completed",
-        "cancelled": "Cancelled"
-      },
-      "sort": {
-        "manual": "Manual",
-        "name": "Name",
-        "created_at": "Created date",
-        "members_length": "Number of members"
-      },
-      "scope": {
-        "my_projects": "My projects",
-        "archived_projects": "Archived"
+      "private": {
+        "title": "Private",
+        "description": "Accessible only by invite"
       },
+      "public": {
+        "title": "Public",
+        "description": "Anyone in the workspace except Guests can join"
+      }
+    },
+    "error": {
+      "permission": "You don't have permission to perform this action.",
+      "cycle_delete": "Failed to delete cycle",
+      "module_delete": "Failed to delete module",
+      "issue_delete": "Failed to delete issue"
+    },
+    "state": {
+      "backlog": "Backlog",
+      "unstarted": "Unstarted",
+      "started": "Started",
+      "completed": "Completed",
+      "cancelled": "Cancelled"
+    },
+    "sort": {
+      "manual": "Manual",
+      "name": "Name",
+      "created_at": "Created date",
+      "members_length": "Number of members"
+    },
+    "scope": {
+      "my_projects": "My projects",
+      "archived_projects": "Archived"
+    },
     "common": {
       "months_count": "{months, plural, one{# month} other{# months}}"
     },
@@ -1298,6 +1298,41 @@
     "created": "Created",
     "subscribed": "Subscribed"
   },
+
+  "home_widgets": {
+    "empty_state": {
+      "general": {
+        "title": "It's Quiet Without Widgets, Turn Them On",
+        "description": "It looks like all your widgets are turned off. Enable them\nnow to enhance your experience!",
+        "primary_button": {
+          "text": "Manage widgets"
+        }
+      }
+    }
+  },
+
+  "themes": {
+    "theme_options": {
+      "system_preference": {
+        "label": "System preference"
+      },
+      "light": {
+        "label": "Light"
+      },
+      "dark": {
+        "label": "Dark"
+      },
+      "light_contrast": {
+        "label": "Light high contrast"
+      },
+      "dark_contrast": {
+        "label": "Dark high contrast"
+      },
+      "custom": {
+        "label": "Custom theme"
+      }
+    }
+  },
   "project_modules": {
     "status": {
       "backlog": "Backlog",

packages/i18n/src/locales/es/translations.json

@@ -339,7 +339,7 @@
       "name": "Nombre"
     }
   },
-  
+
   "toast": {
     "success": "¡Éxito!",
     "error": "¡Error!"
@@ -1300,7 +1300,41 @@
     "created": "Creados",
     "subscribed": "Suscritos"
   },
-
+
+  "home_widgets": {
+    "empty_state": {
+      "general": {
+        "title": "Está tranquilo sin widgets, actívalos",
+        "description": "Parece que todos tus widgets están desactivados. ¡Enciéndelos ahora para mejorar tu experiencia!",
+        "primary_button": {
+          "text": "Gestionar widgets"
+        }
+      }
+    }
+  },
+
+  "themes": {
+    "theme_options": {
+      "system_preference": {
+        "label": "Preferencia del sistema"
+      },
+      "light": {
+        "label": "Claro"
+      },
+      "dark": {
+        "label": "Oscuro"
+      },
+      "light_contrast": {
+        "label": "Alto contraste claro"
+      },
+      "dark_contrast": {
+        "label": "Alto contraste oscuro"
+      },
+      "custom": {
+        "label": "Tema personalizado"
+      }
+    }
+  },
   "project_modules": {
     "status": {
       "backlog": "Pendientes",
@@ -1322,6 +1356,6 @@
       "due_date": "Fecha de vencimiento",
       "created_at": "Fecha de creación",
       "manual": "Manual"
-    } 
+    }
   }
 }

packages/i18n/src/locales/fr/translations.json

@@ -1298,6 +1298,40 @@
     "subscribed": "Abonnés"
   },
 
+  "home_widgets": {
+    "empty_state": {
+      "general": {
+        "title": "C'est calme sans widgets, activez-les",
+        "description": "Il semble que tous vos widgets soient désactivés. Activez-les maintenant pour améliorer votre expérience !",
+        "primary_button": {
+          "text": "Gérer les widgets"
+        }
+      }
+    }
+  },
+
+  "themes": {
+    "theme_options": {
+      "system_preference": {
+        "label": "Préférence système"
+      },
+      "light": {
+        "label": "Clair"
+      },
+      "dark": {
+        "label": "Sombre"
+      },
+      "light_contrast": {
+        "label": "Contraste élevé clair"
+      },
+      "dark_contrast": {
+        "label": "Contraste élevé sombre"
+      },
+      "custom": {
+        "label": "Thème personnalisé"
+      }
+    }
+  },
   "project_modules": {
     "status": {
       "backlog": "Backlog",