chore: added translations for issue detail widgets

Author: vamsikrishnamathala

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

@@ -363,6 +363,35 @@
     "error": "Error!"
   },
 
+  "links": {
+    "toasts": {
+      "created": {
+        "title": "Link created",
+        "message": "The link has been successfully created"
+      },
+      "not_created": {
+        "title": "Link not created",
+        "message": "The link could not be created"
+      },
+      "updated": {
+        "title": "Link updated",
+        "message": "The link has been successfully updated"
+      },
+      "not_updated": {
+        "title": "Link not updated",
+        "message": "The link could not be updated"
+      },
+      "removed": {
+        "title": "Link removed",
+        "message": "The link has been successfully removed"
+      },
+      "not_removed": {
+        "title": "Link not removed",
+        "message": "The link could not be removed"
+      }
+    }
+  },
+
   "home": {
     "empty": {
       "create_project": {
@@ -397,33 +426,7 @@
       "empty": "Save links to work things that you'd like handy.",
       "add": "Add quick Link",
       "title": "Quicklink",
-      "title_plural": "Quicklinks",
-      "toasts": {
-        "created": {
-          "title": "Link created",
-          "message": "The link has been successfully created"
-        },
-        "not_created": {
-          "title": "Link not created",
-          "message": "The link could not be created"
-        },
-        "updated": {
-          "title": "Link updated",
-          "message": "The link has been successfully updated"
-        },
-        "not_updated": {
-          "title": "Link not updated",
-          "message": "The link could not be updated"
-        },
-        "removed": {
-          "title": "Link removed",
-          "message": "The link has been successfully removed"
-        },
-        "not_removed": {
-          "title": "Link not removed",
-          "message": "The link could not be removed"
-        }
-      }
+      "title_plural": "Quicklinks"
     },
     "recents": {
       "title": "Recents",
@@ -503,10 +506,12 @@
     "group_by": "Group by",
     "epic": "Epic",
     "issue": "Issue",
+    "add": "Add",
     "warning": "Warning",
     "updating": "Updating",
+    "adding": "Adding",
     "update": "Update",
-    "creating": "Creating",
+    "create": "Create",
     "cancel": "Cancel",
     "description": "Description",
     "title": "Title",
@@ -549,7 +554,16 @@
     "is_copied_to_clipboard": "Work item is copied to clipboard",
     "no_links_added_yet": "No links added yet",
     "add_link": "Add link",
+    "update_link": "Update link",
     "progress": "Progress",
+    "attach": "Attach",
+    "create_new": "Create new",
+    "add_existing": "Add existing",
+    "type_or_paste_a_url": "Type or paste a URL",
+    "url_is_invalid": "URL is invalid",
+    "display_title": "Display title",
+    "link_title_placeholder": "What you'd like to see this link as",
+    "optional": "Optional",
     "search": {
       "label": "Search",
       "placeholder": "Type to search...",
@@ -580,7 +594,11 @@
     "drop_here_to_move": "Drop here to move the {entity}",
     "delete": {
       "label": "Delete {entity}",
-      "success": "{entity} deleted successfully"
+      "success": "{entity} deleted successfully",
+      "failed": "{entity} delete failed"
+    },
+    "update": {
+      "failed": "{entity} update failed"
     }
   },
 
@@ -617,7 +635,10 @@
       "assignee": "Add assignees",
       "start_date": "Add start date",
       "due_date": "Add due date",
-      "parent": "Add parent issue"
+      "parent": "Add parent issue",
+      "sub_issue": "Add sub-issue",
+      "relation": "Add relation",
+      "link": "Add link"
     },
     "remove": {
       "cycle": {
@@ -692,18 +713,6 @@
         "error": "Asset upload failed. Please try again later."
       }
     },
-    "update": {
-      "failed": "Issue update failed"
-    },
-    "delete": {
-      "failed": "Issue delete failed",
-      "success": "Issue deleted successfully"
-    },
-    "actions": {
-      "archive": {
-        "description": "Only completed or canceled\nissues can be archived"
-      }
-    },
     "empty_state": {
       "issue_detail": {
         "title": "Issue does not exist",
@@ -717,6 +726,7 @@
       "label": "Sibling issues"
     },
     "archive": {
+      "description": "Only completed or canceled\nissues can be archived",
       "label": "Archive Issue",
       "confirm_message": "Are you sure you want to archive the issue? All your archived issues can be restored later.",
       "success": {
@@ -726,6 +736,12 @@
       "failed": {
         "message": "Issue could not be archived. Please try again."
       }
+    },
+    "relation": {
+      "relates_to": "Relates to",
+      "duplicate": "Duplicate of",
+      "blocked_by": "Blocked by",
+      "blocking": "Blocking"
     }
   },
 

web/ce/components/relations/index.tsx

@@ -8,28 +8,28 @@ export * from "./activity";
 export const ISSUE_RELATION_OPTIONS: Record<TIssueRelationTypes, TRelationObject> = {
   relates_to: {
     key: "relates_to",
-    label: "Relates to",
+    i18n_label: "issue.relation.relates_to",
     className: "bg-custom-background-80 text-custom-text-200",
     icon: (size) => <RelatedIcon height={size} width={size} className="text-custom-text-200" />,
     placeholder: "Add related issues",
   },
   duplicate: {
     key: "duplicate",
-    label: "Duplicate of",
+    i18n_label: "issue.relation.duplicate",
     className: "bg-custom-background-80 text-custom-text-200",
     icon: (size) => <CopyPlus size={size} className="text-custom-text-200" />,
     placeholder: "None",
   },
   blocked_by: {
     key: "blocked_by",
-    label: "Blocked by",
+    i18n_label: "issue.relation.blocked_by",
     className: "bg-red-500/20 text-red-700",
     icon: (size) => <CircleDot size={size} className="text-custom-text-200" />,
     placeholder: "None",
   },
   blocking: {
     key: "blocking",
-    label: "Blocking",
+    i18n_label: "issue.relation.blocking",
     className: "bg-yellow-500/20 text-yellow-700",
     icon: (size) => <XCircle size={size} className="text-custom-text-200" />,
     placeholder: "None",

web/core/components/home/widgets/links/use-links.tsx

@@ -36,17 +36,17 @@ export const useLinks = (workspaceSlug: string) => {
           if (!workspaceSlug) throw new Error("Missing required fields");
           await createLink(workspaceSlug, data);
           setToast({
-            message: t("home.quick_links.toasts.created.message"),
+            message: t("links.toasts.created.message"),
             type: TOAST_TYPE.SUCCESS,
-            title: t("home.quick_links.toasts.created.title"),
+            title: t("links.toasts.created.title"),
           });
           toggleLinkModal(false);
         } catch (error: any) {
           console.error("error", error);
           setToast({
-            message: error?.data?.error ?? t("home.quick_links.toasts.not_created.message"),
+            message: error?.data?.error ?? t("links.toasts.not_created.message"),
             type: TOAST_TYPE.ERROR,
-            title: t("home.quick_links.toasts.not_created.title"),
+            title: t("links.toasts.not_created.title"),
           });
           throw error;
         }
@@ -56,16 +56,16 @@ export const useLinks = (workspaceSlug: string) => {
           if (!workspaceSlug) throw new Error("Missing required fields");
           await updateLink(workspaceSlug, linkId, data);
           setToast({
-            message: t("home.quick_links.toasts.updated.message"),
+            message: t("links.toasts.updated.message"),
             type: TOAST_TYPE.SUCCESS,
-            title: t("home.quick_links.toasts.updated.title"),
+            title: t("links.toasts.updated.title"),
           });
           toggleLinkModal(false);
         } catch (error: any) {
           setToast({
-            message: error?.data?.error ?? t("home.quick_links.toasts.not_updated.message"),
+            message: error?.data?.error ?? t("links.toasts.not_updated.message"),
             type: TOAST_TYPE.ERROR,
-            title: t("home.quick_links.toasts.not_updated.title"),
+            title: t("links.toasts.not_updated.title"),
           });
           throw error;
         }
@@ -75,15 +75,15 @@ export const useLinks = (workspaceSlug: string) => {
           if (!workspaceSlug) throw new Error("Missing required fields");
           await removeLink(workspaceSlug, linkId);
           setToast({
-            message: t("home.quick_links.toasts.removed.message"),
+            message: t("links.toasts.removed.message"),
             type: TOAST_TYPE.SUCCESS,
-            title: t("home.quick_links.toasts.removed.message"),
+            title: t("links.toasts.removed.message"),
           });
         } catch (error: any) {
           setToast({
-            message: error?.data?.error ?? t("home.quick_links.toasts.not_removed.message"),
+            message: error?.data?.error ?? t("links.toasts.not_removed.message"),
             type: TOAST_TYPE.ERROR,
-            title: t("home.quick_links.toasts.not_removed.title"),
+            title: t("links.toasts.not_removed.title"),
           });
         }
       },

web/core/components/issues/issue-detail-widgets/action-buttons.tsx

@@ -1,6 +1,8 @@
 "use client";
 import React, { FC } from "react";
 import { Layers, Link, Paperclip, Waypoints } from "lucide-react";
+//i18n
+import { useTranslation } from "@plane/i18n";
 // components
 import {
   IssueAttachmentActionButton,
@@ -19,13 +21,14 @@ type Props = {
 
 export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
   const { workspaceSlug, projectId, issueId, disabled } = props;
+  const { t } = useTranslation();
   return (
     <div className="flex items-center flex-wrap gap-2">
       <SubIssuesActionButton
         issueId={issueId}
         customButton={
           <IssueDetailWidgetButton
-            title="Add sub-issue"
+            title={t("issue.add.sub_issue")}
             icon={<Layers className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
             disabled={disabled}
           />
@@ -36,7 +39,7 @@ export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
         issueId={issueId}
         customButton={
           <IssueDetailWidgetButton
-            title="Add relation"
+            title={t("issue.add.relation")}
             icon={<Waypoints className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
             disabled={disabled}
           />
@@ -46,7 +49,7 @@ export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
       <IssueLinksActionButton
         customButton={
           <IssueDetailWidgetButton
-            title="Add link"
+            title={t("issue.add.link")}
             icon={<Link className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
             disabled={disabled}
           />
@@ -59,7 +62,7 @@ export const IssueDetailWidgetActionButtons: FC<Props> = (props) => {
         issueId={issueId}
         customButton={
           <IssueDetailWidgetButton
-            title="Attach"
+            title={t("common.attach")}
             icon={<Paperclip className="h-3.5 w-3.5 flex-shrink-0" strokeWidth={2} />}
             disabled={disabled}
           />

web/core/components/issues/issue-detail-widgets/links/helper.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { useMemo } from "react";
 import { EIssueServiceType } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { TIssueLink, TIssueServiceType } from "@plane/types";
 import { TOAST_TYPE, setToast } from "@plane/ui";
 // hooks
@@ -15,6 +16,8 @@ export const useLinkOperations = (
   issueServiceType: TIssueServiceType = EIssueServiceType.ISSUES
 ): TLinkOperations => {
   const { createLink, updateLink, removeLink } = useIssueDetail(issueServiceType);
+  // i18n
+  const { t } = useTranslation();
 
   const handleLinkOperations: TLinkOperations = useMemo(
     () => ({
@@ -23,15 +26,15 @@ export const useLinkOperations = (
           if (!workspaceSlug || !projectId || !issueId) throw new Error("Missing required fields");
           await createLink(workspaceSlug, projectId, issueId, data);
           setToast({
-            message: "The link has been successfully created",
+            message: t("links.toasts.created.message"),
             type: TOAST_TYPE.SUCCESS,
-            title: "Link created",
+            title: t("links.toasts.created.title"),
           });
         } catch (error: any) {
           setToast({
-            message: error?.data?.error ?? "The link could not be created",
+            message: error?.data?.error ?? t("links.toasts.not_created.message"),
             type: TOAST_TYPE.ERROR,
-            title: "Link not created",
+            title: t("links.toasts.not_created.title"),
           });
           throw error;
         }
@@ -41,15 +44,15 @@ export const useLinkOperations = (
           if (!workspaceSlug || !projectId || !issueId) throw new Error("Missing required fields");
           await updateLink(workspaceSlug, projectId, issueId, linkId, data);
           setToast({
-            message: "The link has been successfully updated",
+            message: t("links.toasts.updated.message"),
             type: TOAST_TYPE.SUCCESS,
-            title: "Link updated",
+            title: t("links.toasts.updated.title"),
           });
         } catch (error) {
           setToast({
-            message: "The link could not be updated",
+            message: t("links.toasts.not_updated.message"),
             type: TOAST_TYPE.ERROR,
-            title: "Link not updated",
+            title: t("links.toasts.not_updated.title"),
           });
           throw error;
         }
@@ -59,15 +62,15 @@ export const useLinkOperations = (
           if (!workspaceSlug || !projectId || !issueId) throw new Error("Missing required fields");
           await removeLink(workspaceSlug, projectId, issueId, linkId);
           setToast({
-            message: "The link has been successfully removed",
+            message: t("links.toasts.removed.message"),
             type: TOAST_TYPE.SUCCESS,
-            title: "Link removed",
+            title: t("links.toasts.removed.title"),
           });
         } catch (error) {
           setToast({
-            message: "The link could not be removed",
+            message: t("links.toasts.not_removed.message"),
             type: TOAST_TYPE.ERROR,
-            title: "Link not removed",
+            title: t("links.toasts.not_removed.title"),
           });
         }
       },