Merge branch 'feat-language-support' of https://github.com/makeplane/plane into feat-intake-ln

Author: gakshita

packages/constants/src/analytics.ts

@@ -2,8 +2,11 @@
 import { TXAxisValues, TYAxisValues } from "@plane/types";
 
 export const ANALYTICS_TABS = [
-  { key: "scope_and_demand", title: "Scope and Demand" },
-  { key: "custom", title: "Custom Analytics" },
+  {
+    key: "scope_and_demand",
+    i18n_title: "workspace_analytics.tabs.scope_and_demand",
+  },
+  { key: "custom", i18n_title: "workspace_analytics.tabs.custom" },
 ];
 
 export const ANALYTICS_X_AXIS_VALUES: { value: TXAxisValues; label: string }[] =

packages/constants/src/error.ts

@@ -199,6 +199,7 @@
   "project_id_is_required": "Project ID is required",
   "select_network": "Select network",
   "lead": "Lead",
+  "date_range": "Date range",
   "private": "Private",
   "public": "Public",
   "accessible_only_by_invite": "Accessible only by invite",
@@ -307,6 +308,8 @@
   "create_new_label": "Create new label",
   "start_date": "Start date",
   "due_date": "Due date",
+  "end_date": "End date",
+  "target_date": "Target date",
   "cycle": "Cycle",
   "estimate": "Estimate",
   "change_parent_issue": "Change parent issue",
@@ -318,14 +321,13 @@
   "optional": "Optional",
   "Cancel": "Cancel",
   "edit": "Edit",
+  "archive": "Archive",
+  "restor": "Restore",
   "open_in_new_tab": "Open in new tab",
   "delete": "Delete",
   "deleting": "Deleting",
   "make_a_copy": "Make a copy",
   "move_to_project": "Move to project",
-  "deleting": "Deleting",
-  "make_a_copy": "Make a copy",
-  "move_to_project": "Move to project",
   "good": "Good",
   "morning": "morning",
   "afternoon": "afternoon",
@@ -341,6 +343,15 @@
   "declining": "Declining",
   "declined": "Declined",
   "decline": "Decline",
+  "unassigned": "Unassigned",
+  "work_items": "Work items",
+  "add_link": "Add link",
+  "points": "Points",
+  "no_assignee": "No assignee",
+  "no_assignees_yet": "No assignees yet",
+  "no_labels_yet": "No labels yet",
+  "ideal": "Ideal",
+  "current": "Current",
 
   "project_view": {
     "sort_by": {
@@ -527,7 +538,11 @@
     "clear_all": "Clear all",
     "link_copied": "Link copied",
     "copied_to_clipboard": "Work item link copied to clipboard",
-    "is_copied_to_clipboard": "Work item is copied to clipboard"
+    "is_copied_to_clipboard": "Work item is copied to clipboard",
+    "no_links_added_yet": "No links added yet",
+    "add_link": "Add link",
+    "links": "Links",
+    "progress": "Progress"
   },
 
   "form": {
@@ -612,10 +627,6 @@
     }
   },
 
-  "project": {
-    "label": "{count, plural, one {Project} other {Projects}}"
-  },
-
   "view": {
     "label": "{count, plural, one {View} other {Views}}",
     "create": {
@@ -729,6 +740,35 @@
   },
 
   "workspace_analytics": {
+    "label": "Analytics",
+    "page_label": "{workspace} - Analytics",
+    "open_tasks": "Total open tasks",
+    "error": "There was some error in fetching the data.",
+    "work_items_closed_in": "Work items closed in",
+    "selected_projects": "Selected projects",
+    "total_members": "Total members",
+    "total_cycles": "Total cycles",
+    "total_modules": "Total modules",
+    "pending_work_items":{
+      "title": "Pending work items",
+      "empty_state": "Analysis of pending work items by co-workers appears here."
+    },
+    "work_items_closed_in_a_year": {
+      "title": "Work items closed in a year",
+      "empty_state": "Close work items to view analysis of the same in the form of a graph."
+    },
+    "most_work_items_created":{
+      "title": "Most work items created",
+      "empty_state": "Co-workers and the number of work items created by them appears here."
+    },
+    "most_work_items_closed":{
+      "title": "Most work items closed",
+      "empty_state": "Co-workers and the number of work items closed by them appears here."
+    },
+    "tabs": {
+      "scope_and_demand": "Scope and Demand",
+      "custom": "Custom Analytics"
+    },
     "empty_state": {
       "general": {
         "title": "Track progress, workloads, and allocations. Spot trends, remove blockers, and move work faster",
@@ -745,6 +785,10 @@
   },
 
   "workspace_projects": {
+    "label": "{count, plural, one {Project} other {Projects}}",
+    "create": {
+      "label": "Add Project"
+    },
     "network": {
       "private": {
         "title": "Private",
@@ -807,11 +851,15 @@
       "filter": {
         "title": "No matching projects",
         "description": "No projects detected with the matching criteria. \n Create a new project instead."
+      },
+      "search": {
+        "description": "No projects detected with the matching criteria.\nCreate a new project instead"
       }
     }
   },
 
-  "workspace_issues": {
+  "workspace_views": {
+    "add_view": "Add view",
     "empty_state": {
       "all-issues": {
         "title": "No issues in the project",
@@ -1032,6 +1080,12 @@
   },
 
   "project_module": {
+    "add_module": "Add Module",
+    "update_module": "Update Module",
+    "create_module": "Create Module",
+    "archive_module": "Archive Module",
+    "restore_module": "Restore Module",
+    "delete_module": "Delete module",
     "empty_state": {
       "general": {
         "title": "Map your project milestones to Modules and track aggregated work easily.",
@@ -1057,6 +1111,24 @@
       "archived": {
         "title": "No archived Modules yet",
         "description": "To tidy up your project, archive completed or cancelled modules. Find them here once archived."
+      },
+      "sidebar": {
+        "in_active": "This module isn't active yet.",
+        "invalid_date": "Invalid date. Please enter valid date."
+      }
+    },
+    "quick_actions": {
+      "archive_module": "Archive module",
+      "archive_module_description": "Only completed or canceled\nmodule can be archived.",
+      "delete_module": "Delete module"
+    },
+    "toast": {
+      "copy": {
+        "success": "Module link copied to clipboard"
+      },
+      "delete": {
+        "success": "Module deleted successfully",
+        "error": "Failed to delete module"
       }
     }
   },
@@ -1379,7 +1451,8 @@
   "exporter": {
     "csv": {
       "title": "CSV",
-      "description": "Export issues to a CSV file."
+      "description": "Export issues to a CSV file.",
+      "short_description": "Export as csv"
     },
     "xlsx": {
       "title": "Excel",

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

@@ -5,6 +5,7 @@ import type {
   IUserLite,
   IWorkspaceViewProps,
 } from "@plane/types";
+import { EUserWorkspaceRoles } from "@plane/constants"; // TODO: check if importing this over here causes circular dependency
 import { TUserPermissions } from "./enums";
 
 export interface IWorkspace {
@@ -87,7 +88,7 @@ export interface IWorkspaceMemberMe {
   default_props: IWorkspaceViewProps;
   id: string;
   member: string;
-  role: TUserPermissions;
+  role: TUserPermissions | EUserWorkspaceRoles;
   updated_at: Date;
   updated_by: string;
   view_props: IWorkspaceViewProps;

packages/types/src/workspace.d.ts

@@ -41,7 +41,12 @@ export const WorkspaceAnalyticsHeader = observer(() => {
         <Breadcrumbs>
           <Breadcrumbs.BreadcrumbItem
             type="text"
-            link={<BreadcrumbLink label={t("analytics")} icon={<BarChart2 className="h-4 w-4 text-custom-text-300" />} />}
+            link={
+              <BreadcrumbLink
+                label={t("workspace_analytics.label")}
+                icon={<BarChart2 className="h-4 w-4 text-custom-text-300" />}
+              />
+            }
           />
         </Breadcrumbs>
         {analytics_tab === "custom" ? (

web/app/[workspaceSlug]/(projects)/analytics/header.tsx

@@ -32,7 +32,9 @@ const AnalyticsPage = observer(() => {
   // helper hooks
   const resolvedPath = useResolvedAssetPath({ basePath: "/empty-state/onboarding/analytics" });
   // derived values
-  const pageTitle = currentWorkspace?.name ? `${currentWorkspace?.name} - Analytics` : undefined;
+  const pageTitle = currentWorkspace?.name
+    ? t(`workspace_analytics.page_label`, { workspace: currentWorkspace?.name })
+    : undefined;
 
   // permissions
   const canPerformEmptyStateActions = allowPermissions(
@@ -59,7 +61,7 @@ const AnalyticsPage = observer(() => {
                               selected ? "text-custom-primary-100 " : "hover:text-custom-text-200"
                             }`}
                           >
-                            {tab.title}
+                            {t(tab.i18n_title)}
                             <div
                               className={`border absolute bottom-0 right-0 left-0 rounded-t-md ${selected ? "border-custom-primary-100" : "border-transparent group-hover:border-custom-border-200"}`}
                             />

web/app/[workspaceSlug]/(projects)/analytics/page.tsx

@@ -1,6 +1,8 @@
 "use client";
 
 import { observer } from "mobx-react";
+// plane imports
+import { useTranslation } from "@plane/i18n";
 // ui
 import { Breadcrumbs, Button, DiceIcon, Header } from "@plane/ui";
 // components
@@ -22,7 +24,9 @@ export const ModulesListHeader: React.FC = observer(() => {
   const { setTrackElement } = useEventTracker();
   const { allowPermissions } = useUserPermissions();
 
-  const {  loader } = useProject();
+  const { loader } = useProject();
+
+  const { t } = useTranslation();
 
   // auth
   const canUserCreateModule = allowPermissions(
@@ -35,10 +39,12 @@ export const ModulesListHeader: React.FC = observer(() => {
       <Header.LeftItem>
         <div>
           <Breadcrumbs onBack={router.back} isLoading={loader}>
-          <ProjectBreadcrumb />
+            <ProjectBreadcrumb />
             <Breadcrumbs.BreadcrumbItem
               type="text"
-              link={<BreadcrumbLink label="Modules" icon={<DiceIcon className="h-4 w-4 text-custom-text-300" />} />}
+              link={
+                <BreadcrumbLink label={t("modules")} icon={<DiceIcon className="h-4 w-4 text-custom-text-300" />} />
+              }
             />
           </Breadcrumbs>
         </div>
@@ -54,7 +60,8 @@ export const ModulesListHeader: React.FC = observer(() => {
               toggleCreateModuleModal(true);
             }}
           >
-            <div className="hidden sm:block">Add</div> Module
+            <div className="sm:hidden block">{t("add")}</div>
+            <div className="hidden sm:block">{t("project_module.add_module")}</div>
           </Button>
         ) : (
           <></>

web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/header.tsx

@@ -6,6 +6,7 @@ import { useParams } from "next/navigation";
 import { Layers } from "lucide-react";
 // plane constants
 import { EIssueFilterType, EIssuesStoreType, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 // types
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
 // ui
@@ -33,6 +34,7 @@ export const GlobalIssuesHeader = observer(() => {
   const {
     workspace: { workspaceMemberIds },
   } = useMember();
+  const { t } = useTranslation();
 
   const issueFilters = globalViewId ? filters[globalViewId.toString()] : undefined;
 
@@ -103,7 +105,7 @@ export const GlobalIssuesHeader = observer(() => {
           <Breadcrumbs>
             <Breadcrumbs.BreadcrumbItem
               type="text"
-              link={<BreadcrumbLink label={`Views`} icon={<Layers className="h-4 w-4 text-custom-text-300" />} />}
+              link={<BreadcrumbLink label={t("views")} icon={<Layers className="h-4 w-4 text-custom-text-300" />} />}
             />
           </Breadcrumbs>
         </Header.LeftItem>
@@ -141,7 +143,7 @@ export const GlobalIssuesHeader = observer(() => {
           )}
 
           <Button variant="primary" size="sm" onClick={() => setCreateViewModal(true)}>
-            Add view
+            {t("workspace_views.add_view")}
           </Button>
         </Header.RightItem>
       </Header>

web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx

@@ -4,6 +4,8 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // icons
 import { ChevronDown, ListFilter } from "lucide-react";
+// i18n
+import { useTranslation } from "@plane/i18n";
 // types
 import { TProjectFilters } from "@plane/types";
 // hooks
@@ -15,6 +17,8 @@ import { calculateTotalFilters } from "@/helpers/filter.helper";
 import { useMember, useProjectFilter } from "@/hooks/store";
 
 export const ProjectsListMobileHeader = observer(() => {
+  // i18n
+  const { t } = useTranslation();
   // router
   const { workspaceSlug } = useParams();
   const {
@@ -63,12 +67,12 @@ export const ProjectsListMobileHeader = observer(() => {
       <div className="border-l border-custom-border-200 flex justify-around w-full">
         <FiltersDropdown
           icon={<ListFilter className="h-3 w-3" />}
-          title="Filters"
+          title={t("common.filters")}
           placement="bottom-end"
           menuButton={
             <div className="flex text-sm items-center gap-2 neutral-primary text-custom-text-200">
               <ListFilter className="h-3 w-3" />
-              Filters
+              {t("common.filters")}
               <ChevronDown className="h-3 w-3" strokeWidth={2} />
             </div>
           }