From 2f85f1eccdfb90f9e1bb1ad648f81e9a741d9478 Mon Sep 17 00:00:00 2001
From: Vamsi krishna <matalav55@gmail.com>
Date: Fri, 31 Jan 2025 15:33:55 +0530
Subject: [PATCH 1/2] fix: translation keys

---
 web/core/components/modules/form.tsx            | 2 +-
 web/core/components/project/search-projects.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/core/components/modules/form.tsx b/web/core/components/modules/form.tsx
index 34f3d9755a7..21f37027c4f 100644
--- a/web/core/components/modules/form.tsx
+++ b/web/core/components/modules/form.tsx
@@ -234,7 +234,7 @@ export const ModuleForm: React.FC<Props> = (props) => {
               : t("update_module")
             : isSubmitting
               ? t("creating")
-              : t("create_module")}
+              : t("project_module.create_module")}
         </Button>
       </div>
     </form>
diff --git a/web/core/components/project/search-projects.tsx b/web/core/components/project/search-projects.tsx
index 8c0dcbc9385..412e979e9a0 100644
--- a/web/core/components/project/search-projects.tsx
+++ b/web/core/components/project/search-projects.tsx
@@ -59,7 +59,7 @@ export const ProjectSearch: FC = observer(() => {
         <input
           ref={inputRef}
           className="w-full max-w-[234px] border-none bg-transparent text-sm text-custom-text-100 placeholder:text-custom-text-400 focus:outline-none"
-          placeholder={t("common.search")}
+          placeholder={t("common.search.label")}
           value={searchQuery}
           onChange={(e) => updateSearchQuery(e.target.value)}
           onKeyDown={handleInputKeyDown}

From 73c1a02ae7e701acc007e4c49deb65797a33e106 Mon Sep 17 00:00:00 2001
From: Vamsi krishna <matalav55@gmail.com>
Date: Fri, 31 Jan 2025 16:16:43 +0530
Subject: [PATCH 2/2] fix: updated keys

---
 packages/i18n/src/locales/en/translations.json        |  6 +++++-
 .../(detail)/[projectId]/settings/states/page.tsx     |  2 +-
 .../issues/issue-detail-widgets/sub-issues/title.tsx  |  2 +-
 .../issue-activity/comments/comment-card.tsx          | 11 +++++++----
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/i18n/src/locales/en/translations.json b/packages/i18n/src/locales/en/translations.json
index b3877581ddd..b1dccd243ab 100644
--- a/packages/i18n/src/locales/en/translations.json
+++ b/packages/i18n/src/locales/en/translations.json
@@ -753,6 +753,10 @@
     },
     "comments": {
       "placeholder": "Add comment...",
+      "switch": {
+        "private": "Switch to private comment",
+        "public": "Switch to public comment"
+      },
       "create": {
         "success": "Comment created successfully",
         "error": "Comment creation failed. Please try again later."
@@ -1494,7 +1498,7 @@
     "remove_search_criteria_to_see_all_cycles": "Remove the search criteria to see all cycles",
     "only_completed_cycles_can_be_archived": "Only completed cycles can be archived",
     "active_cycle": {
-      "label" :"Active cycle",
+      "label": "Active cycle",
       "progress": "Progress",
       "chart": "Burndown chart",
       "priority_issue": "Priority issues",
diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/states/page.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/states/page.tsx
index 5284595726f..54fca1c0821 100644
--- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/states/page.tsx
+++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/settings/states/page.tsx
@@ -35,7 +35,7 @@ const StatesSettingsPage = observer(() => {
     <>
       <PageHead title={pageTitle} />
       <div className="flex items-center border-b border-custom-border-100">
-        <h3 className="text-xl font-medium">{t("states")}</h3>
+        <h3 className="text-xl font-medium">{t("common.states")}</h3>
       </div>
       {workspaceSlug && projectId && (
         <ProjectStateRoot workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} />
diff --git a/web/core/components/issues/issue-detail-widgets/sub-issues/title.tsx b/web/core/components/issues/issue-detail-widgets/sub-issues/title.tsx
index cfe1d1fdef7..3eb60f5e4a8 100644
--- a/web/core/components/issues/issue-detail-widgets/sub-issues/title.tsx
+++ b/web/core/components/issues/issue-detail-widgets/sub-issues/title.tsx
@@ -40,7 +40,7 @@ export const SubIssuesCollapsibleTitle: FC<Props> = observer((props) => {
   return (
     <CollapsibleButton
       isOpen={isOpen}
-      title={`${issueServiceType === EIssueServiceType.EPICS ? t("issue.label", { count: 1 }) : t("common.sub_work_itemss")}`}
+      title={`${issueServiceType === EIssueServiceType.EPICS ? t("issue.label", { count: 1 }) : t("common.sub_work_items")}`}
       indicatorElement={
         <div className="flex items-center gap-1.5 text-custom-text-300 text-sm">
           <CircularProgressIndicator size={18} percentage={percentage} strokeWidth={3} />
diff --git a/web/core/components/issues/issue-detail/issue-activity/comments/comment-card.tsx b/web/core/components/issues/issue-detail/issue-activity/comments/comment-card.tsx
index ec84304cb18..c8f33b62649 100644
--- a/web/core/components/issues/issue-detail/issue-activity/comments/comment-card.tsx
+++ b/web/core/components/issues/issue-detail/issue-activity/comments/comment-card.tsx
@@ -8,6 +8,8 @@ import { Check, Globe2, Lock, Pencil, Trash2, X } from "lucide-react";
 import { EIssueCommentAccessSpecifier } from "@plane/constants";
 // plane editor
 import { EditorReadOnlyRefApi, EditorRefApi } from "@plane/editor";
+// plane i18n
+import { useTranslation } from "@plane/i18n";
 // plane types
 import { TIssueComment } from "@plane/types";
 // plane ui
@@ -47,6 +49,7 @@ export const IssueCommentCard: FC<TIssueCommentCard> = observer((props) => {
     showAccessSpecifier = false,
     disabled = false,
   } = props;
+  const { t } = useTranslation();
   // states
   const [isEditing, setIsEditing] = useState(false);
   // refs
@@ -104,7 +107,7 @@ export const IssueCommentCard: FC<TIssueCommentCard> = observer((props) => {
             <CustomMenu ellipsis closeOnSelect>
               <CustomMenu.MenuItem onClick={() => setIsEditing(true)} className="flex items-center gap-1">
                 <Pencil className="flex-shrink-0 size-3" />
-                Edit
+                {t("common.actions.edit")}
               </CustomMenu.MenuItem>
               {showAccessSpecifier && (
                 <>
@@ -116,7 +119,7 @@ export const IssueCommentCard: FC<TIssueCommentCard> = observer((props) => {
                       className="flex items-center gap-1"
                     >
                       <Globe2 className="flex-shrink-0 size-3" />
-                      Switch to public comment
+                      {t("issue.comments.switch.public")}
                     </CustomMenu.MenuItem>
                   ) : (
                     <CustomMenu.MenuItem
@@ -126,7 +129,7 @@ export const IssueCommentCard: FC<TIssueCommentCard> = observer((props) => {
                       className="flex items-center gap-1"
                     >
                       <Lock className="flex-shrink-0 size-3" />
-                      Switch to private comment
+                      {t("issue.comments.switch.private")}
                     </CustomMenu.MenuItem>
                   )}
                 </>
@@ -136,7 +139,7 @@ export const IssueCommentCard: FC<TIssueCommentCard> = observer((props) => {
                 className="flex items-center gap-1"
               >
                 <Trash2 className="flex-shrink-0 size-3" />
-                Delete
+                {t("common.actions.delete")}
               </CustomMenu.MenuItem>
             </CustomMenu>
           )}