fix: language support keys

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

@@ -1132,6 +1132,7 @@
       "label": "Add Project"
     },
     "network": {
+      "label": "Network",
       "private": {
         "title": "Private",
         "description": "Accessible only by invite"

space/app/layout.tsx

@@ -15,7 +15,7 @@ export const metadata: Metadata = {
     url: "https://sites.plane.so/",
   },
   keywords:
-    "software development, customer feedback, software, accelerate, code management, release management, project management, issue tracking, agile, scrum, kanban, collaboration",
+    "software development, customer feedback, software, accelerate, code management, release management, project management, work item tracking, agile, scrum, kanban, collaboration",
   twitter: {
     site: "@planepowers",
   },

space/app/provider.tsx

@@ -2,6 +2,7 @@
 
 import { FC, ReactNode } from "react";
 // components
+import { TranslationProvider } from "@plane/i18n";
 import { InstanceProvider } from "@/lib/instance-provider";
 import { StoreProvider } from "@/lib/store-provider";
 import { ToastProvider } from "@/lib/toast-provider";
@@ -15,9 +16,11 @@ export const AppProvider: FC<IAppProvider> = (props) => {
 
   return (
     <StoreProvider>
-      <ToastProvider>
-        <InstanceProvider>{children}</InstanceProvider>
-      </ToastProvider>
+      <TranslationProvider>
+        <ToastProvider>
+          <InstanceProvider>{children}</InstanceProvider>
+        </ToastProvider>
+      </TranslationProvider>
     </StoreProvider>
   );
 };

space/core/components/account/auth-forms/auth-header.tsx

@@ -25,7 +25,7 @@ const Titles: TAuthHeaderDetails = {
   },
   [EAuthModes.SIGN_UP]: {
     header: "View, comment, and do more",
-    subHeader: "Sign up or log in to work with Plane Issues and Pages.",
+    subHeader: "Sign up or log in to work with Plane work items and Pages.",
   },
 };
 
@@ -38,7 +38,7 @@ export const AuthHeader: FC<TAuthHeader> = (props) => {
     }
 
     return {
-      header: "Comment or react to issues",
+      header: "Comment or react to work itemss",
       subHeader: "Use plane to add your valuable inputs to features.",
     };
   };

space/core/components/instance/instance-failure-view.tsx

@@ -25,7 +25,7 @@ export const InstanceFailureView: FC = () => {
           <h3 className="font-medium text-2xl text-white ">Unable to fetch instance details.</h3>
           <p className="font-medium text-base text-center">
             We were unable to fetch the details of the instance. <br />
-            Fret not, it might just be a connectivity issue.
+            Fret not, it might just be a connectivity work items.
           </p>
         </div>
         <div className="flex justify-center">

space/core/components/issues/issue-layouts/issue-layout-HOC.tsx

@@ -26,7 +26,7 @@ export const IssueLayoutHOC = observer((props: Props) => {
   }
 
   if (getGroupIssueCount(undefined, undefined, false) === 0) {
-    return <div className="flex w-full h-full items-center justify-center">No Issues Found</div>;
+    return <div className="flex w-full h-full items-center justify-center">No work items Found</div>;
   }
 
   return <>{props.children}</>;

space/core/components/issues/issue-layouts/properties/all-properties.tsx

@@ -137,7 +137,7 @@ export const IssueProperties: React.FC<IIssueProperties> = observer((props) => {
         displayPropertyKey="sub_issue_count"
         shouldRenderProperty={(properties) => !!properties.sub_issue_count && !!issue.sub_issues_count}
       >
-        <Tooltip tooltipHeading="Sub-issues" tooltipContent={`${issue.sub_issues_count}`}>
+        <Tooltip tooltipHeading="Sub-work items" tooltipContent={`${issue.sub_issues_count}`}>
           <div
             className={cn(
               "flex h-5 flex-shrink-0 items-center justify-center gap-2 overflow-hidden rounded border-[0.5px] border-custom-border-300 px-2.5 py-1",

space/core/components/issues/issue-layouts/utils.tsx

@@ -50,7 +50,7 @@ export const getGroupByColumns = (
     case "created_by":
       return getCreatedByColumns(member) as any;
     default:
-      if (includeNone) return [{ id: `All Issues`, name: `All Issues`, payload: {}, icon: undefined }];
+      if (includeNone) return [{ id: `All Issues`, name: `All work items`, payload: {}, icon: undefined }];
   }
 };
 

space/core/components/issues/peek-overview/header.tsx

@@ -50,7 +50,7 @@ export const PeekOverviewHeader: React.FC<Props> = observer((props) => {
       setToast({
         type: TOAST_TYPE.SUCCESS,
         title: "Link copied!",
-        message: "Issue link copied to clipboard.",
+        message: "Work item link copied to clipboard.",
       });
     });
   };

space/core/components/issues/peek-overview/issue-properties.tsx

@@ -43,7 +43,7 @@ export const PeekOverviewIssueProperties: React.FC<Props> = observer(({ issueDet
       setToast({
         type: TOAST_TYPE.INFO,
         title: "Link copied!",
-        message: "Issue link copied to clipboard",
+        message: "Work item link copied to clipboard",
       });
     });
   };

space/public/site.webmanifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Plane Space",
   "short_name": "Plane Space",
-  "description": "Plane helps you plan your issues, cycles, and product modules.",
+  "description": "Plane helps you plan your work items, cycles, and product modules.",
   "start_url": ".",
   "display": "standalone",
   "background_color": "#f9fafb",

web/core/components/inbox/modals/delete-issue-modal.tsx

@@ -38,7 +38,7 @@ export const DeleteInboxIssueModal: React.FC<Props> = observer(({ isOpen, onClos
         setToast({
           type: TOAST_TYPE.SUCCESS,
           title: `${t("success")!}`,
-          message: `${t("inbox_issue.modal.delete.success")!}`,
+          message: `${t("inbox_issue.modals.delete.success")!}`,
         });
       })
       .catch((errors) => {

web/core/components/inbox/root.tsx

@@ -101,7 +101,7 @@ export const InboxIssueRoot: FC<TInboxIssueRoot> = observer((props) => {
           />
         ) : (
           <div className="w-full h-full relative flex justify-center items-center">
-            <SimpleEmptyState title={t("inbox.empty_state.detail.title")} assetPath={resolvedPath} />
+            <SimpleEmptyState title={t("inbox_issue.empty_state.detail.title")} assetPath={resolvedPath} />
           </div>
         )}
       </div>

web/core/components/issues/archive-issue-modal.tsx

@@ -47,16 +47,16 @@ export const ArchiveIssueModal: React.FC<Props> = (props) => {
       .then(() => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: t("common.archive.success.label"),
-          message: t("common.archive.success.message"),
+          title: t("issue.archive.success.label"),
+          message: t("issue.archive.success.message"),
         });
         onClose();
       })
       .catch(() =>
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: t("common.error.label"),
-          message: t("common.archive.failed.message"),
+          title: t("issue.error.label"),
+          message: t("issue.archive.failed.message"),
         })
       )
       .finally(() => setIsArchiving(false));

web/core/components/issues/issue-detail/links/create-update-link-modal.tsx

@@ -131,14 +131,15 @@ export const IssueLinkCreateUpdateModal: FC<TIssueLinkCreateEditModal> = observe
             {t("common.cancel")}
           </Button>
           <Button variant="primary" size="sm" type="submit" loading={isSubmitting}>
-            {preloadedData?.id
-              ? isSubmitting
-                ? t("common.updating")
-                : t("common.update")
-              : isSubmitting
-                ? t("common.adding")
-                : t("common.add")}
-            {t("common.link")}
+            {`${
+              preloadedData?.id
+                ? isSubmitting
+                  ? t("common.updating")
+                  : t("common.update")
+                : isSubmitting
+                  ? t("common.adding")
+                  : t("common.add")
+            } ${t("common.link")}`}
           </Button>
         </div>
       </form>

web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx

@@ -55,10 +55,10 @@ export const CalendarQuickAddIssueActions: FC<TCalendarQuickAddIssueActions> = o
     ).then(() => addIssuesToView?.(issueIds));
 
     setPromiseToast(addExistingIssuesPromise, {
-      loading: t("toast.add.cycle.loading", { count: issueIds.length }),
+      loading: t("issue.adding", { count: issueIds.length }),
       success: {
         title: t("toast.success"),
-        message: () => t("toast.add.cycle.success", { count: issueIds.length }),
+        message: () => t("entity.add.success", { entity: t("issue.label", { count: 2 }) }),
       },
       error: {
         title: t("toast.error"),

web/core/components/issues/issue-modal/draft-issue-layout.tsx

@@ -83,7 +83,7 @@ export const DraftIssueLayout: React.FC<DraftIssueProps> = observer((props) => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
           title: `${t("success")}!`,
-          message: t("workspace_draft_issues.toast.created.success"),
+          message: t("workspace_draft_issues.toasts.created.success"),
         });
         captureIssueEvent({
           eventName: "Draft work item created",

web/core/components/modules/analytics-sidebar/root.tsx

@@ -260,11 +260,13 @@ export const ModuleAnalyticsSidebar: React.FC<Props> = observer((props) => {
   const moduleStatus = MODULE_STATUS.find((status) => status.value === moduleDetails.status);
 
   const issueCount =
-    moduleDetails.total_issues === 0 ? "0 Work item" : `${moduleDetails.completed_issues}/${moduleDetails.total_issues}`;
+    moduleDetails.total_issues === 0
+      ? "0 work items"
+      : `${moduleDetails.completed_issues}/${moduleDetails.total_issues}`;
 
   const issueEstimatePointCount =
     moduleDetails.total_estimate_points === 0
-      ? "0 Work item"
+      ? "0 work items"
       : `${moduleDetails.completed_estimate_points}/${moduleDetails.total_estimate_points}`;
 
   const isEditingAllowed = allowPermissions(
@@ -352,7 +354,7 @@ export const ModuleAnalyticsSidebar: React.FC<Props> = observer((props) => {
                 >
                   <span className="flex items-center justify-start gap-2">
                     <Trash2 className="h-3 w-3" />
-                    <span>{t("delete_module")}</span>
+                    <span>{t("project_module.delete_module")}</span>
                   </span>
                 </CustomMenu.MenuItem>
               </CustomMenu>
@@ -546,7 +548,7 @@ export const ModuleAnalyticsSidebar: React.FC<Props> = observer((props) => {
                 <div className={`relative  flex  h-full w-full flex-col ${open ? "" : "flex-row"}`}>
                   <Disclosure.Button className="flex w-full items-center justify-between gap-2 p-1.5">
                     <div className="flex items-center justify-start gap-2 text-sm">
-                      <span className="font-medium text-custom-text-200">{t("links")}</span>
+                      <span className="font-medium text-custom-text-200">{t("common.links")}</span>
                     </div>
 
                     <div className="flex items-center gap-2.5">

web/core/components/modules/module-card-item.tsx

@@ -6,7 +6,14 @@ import Link from "next/link";
 import { useParams, usePathname, useSearchParams } from "next/navigation";
 import { Info, SquareUser } from "lucide-react";
 // plane package imports
-import { MODULE_STATUS, PROGRESS_STATE_GROUPS_DETAILS, MODULE_FAVORITED, MODULE_UNFAVORITED,EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import {
+  MODULE_STATUS,
+  PROGRESS_STATE_GROUPS_DETAILS,
+  MODULE_FAVORITED,
+  MODULE_UNFAVORITED,
+  EUserPermissions,
+  EUserPermissionsLevel,
+} from "@plane/constants";
 import { IModule } from "@plane/types";
 import {
   Card,
@@ -174,11 +181,11 @@ export const ModuleCardItem: React.FC<Props> = observer((props) => {
 
   const issueCount = module
     ? !moduleTotalIssues || moduleTotalIssues === 0
-      ? `0 Work item`
+      ? `0 work items`
       : moduleTotalIssues === moduleCompletedIssues
         ? `${moduleTotalIssues} Work item${moduleTotalIssues > 1 ? `s` : ``}`
         : `${moduleCompletedIssues}/${moduleTotalIssues} Work items`
-    : `0 Work item`;
+    : `0 work items`;
 
   const moduleLeadDetails = moduleDetails.lead_id ? getUserDetails(moduleDetails.lead_id) : undefined;
 

web/core/components/project/form.tsx

@@ -329,7 +329,7 @@ export const ProjectDetailsForm: FC<IProjectDetailsForm> = (props) => {
             </span>
           </div>
           <div className="flex flex-col gap-1">
-            <h4 className="text-sm">{t("network")}</h4>
+            <h4 className="text-sm">{t("workspace_projects.network.label")}</h4>
             <Controller
               name="network"
               control={control}

web/core/components/workspace/views/default-view-quick-action.tsx

@@ -42,13 +42,13 @@ export const DefaultWorkspaceViewQuickActions: React.FC<Props> = observer((props
     {
       key: "open-new-tab",
       action: handleOpenInNewTab,
-      title: "open_in_new_tab",
+      title: t("open_in_new_tab"),
       icon: ExternalLink,
     },
     {
       key: "copy-link",
       action: handleCopyText,
-      title: "copy_link",
+      title: t("copy_link"),
       icon: LinkIcon,
     },
   ];