fix: language support

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",

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()} />

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} />

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>
           )}

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>

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")}
+          placeholder={t("common.search.label")}
           value={searchQuery}
           onChange={(e) => updateSearchQuery(e.target.value)}
           onKeyDown={handleInputKeyDown}