From 4a11ebdc22b2c572a283e985b2583badab2ce38d Mon Sep 17 00:00:00 2001
From: gakshita <akshitagoyal1516@gmail.com>
Date: Fri, 31 Jan 2025 13:40:19 +0530
Subject: [PATCH 1/2] feat: added language support for cycles

---
 web/core/components/issues/issue-detail/subscription.tsx | 2 +-
 web/core/components/project/search-projects.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/core/components/issues/issue-detail/subscription.tsx b/web/core/components/issues/issue-detail/subscription.tsx
index a895c34c900..e19e787f398 100644
--- a/web/core/components/issues/issue-detail/subscription.tsx
+++ b/web/core/components/issues/issue-detail/subscription.tsx
@@ -5,9 +5,9 @@ import isNil from "lodash/isNil";
 import { observer } from "mobx-react";
 import { Bell, BellOff } from "lucide-react";
 // plane-i18n
+import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 // UI
-import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { Button, Loader, TOAST_TYPE, setToast } from "@plane/ui";
 // hooks
 import { useIssueDetail, useUserPermissions } from "@/hooks/store";
diff --git a/web/core/components/project/search-projects.tsx b/web/core/components/project/search-projects.tsx
index 8c0dcbc9385..67e4a3ebb31 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.placeholder")}
           value={searchQuery}
           onChange={(e) => updateSearchQuery(e.target.value)}
           onKeyDown={handleInputKeyDown}

From 9718897c1ef569255b862745001aaeee5bd82964 Mon Sep 17 00:00:00 2001
From: gakshita <akshitagoyal1516@gmail.com>
Date: Fri, 31 Jan 2025 13:40:40 +0530
Subject: [PATCH 2/2] feat: added language support for cycles

---
 .../i18n/src/locales/en/translations.json     | 75 +++++++++++++++++++
 .../[projectId]/cycles/(list)/header.tsx      | 12 ++-
 .../[projectId]/cycles/(list)/page.tsx        |  2 +-
 .../components/cycles/active-cycle/root.tsx   |  2 +-
 .../cycles/analytics-sidebar/base.tsx         |  8 +-
 .../cycles/active-cycle/cycle-stats.tsx       |  8 +-
 .../cycles/active-cycle/productivity.tsx      |  8 +-
 .../cycles/active-cycle/progress.tsx          |  2 +-
 .../analytics-sidebar/issue-progress.tsx      | 10 ++-
 .../analytics-sidebar/progress-stats.tsx      | 22 +++---
 .../analytics-sidebar/sidebar-details.tsx     | 20 ++---
 .../analytics-sidebar/sidebar-header.tsx      | 35 +++++----
 .../components/cycles/cycles-view-header.tsx  |  4 +-
 web/core/components/cycles/cycles-view.tsx    |  8 +-
 web/core/components/cycles/form.tsx           | 24 ++++--
 .../cycles/list/cycle-list-item-action.tsx    | 35 ++++-----
 web/core/components/cycles/list/root.tsx      |  6 +-
 web/core/components/cycles/quick-actions.tsx  | 28 +++----
 18 files changed, 213 insertions(+), 96 deletions(-)

diff --git a/packages/i18n/src/locales/en/translations.json b/packages/i18n/src/locales/en/translations.json
index ddd364e0e77..16a6bdeb9b5 100644
--- a/packages/i18n/src/locales/en/translations.json
+++ b/packages/i18n/src/locales/en/translations.json
@@ -1484,6 +1484,32 @@
   },
 
   "project_cycles": {
+    "add_cycle": "Add cycle",
+    "more_details": "More details",
+    "cycle": "Cycle",
+    "update_cycle": "Update cycle",
+    "create_cycle": "Create cycle",
+    "no_matching_cycles": "No matching cycles",
+    "remove_filters_to_see_all_cycles": "Remove the filters to see all cycles",
+    "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",
+      "progress": "Progress",
+      "chart": "Burndown chart",
+      "priority_issue": "Priority issues",
+      "assignees": "Assignees",
+      "issue_burndown": "Issue burndown",
+      "ideal": "Ideal",
+      "current": "Current",
+      "labels": "Labels"
+    },
+    "upcoming_cycle": {
+      "label": "Upcoming cycle"
+    },
+    "completed_cycle": {
+      "label": "Completed cycle"
+    },
     "status": {
       "days_left": "Days left",
       "completed": "Completed",
@@ -1491,6 +1517,55 @@
       "in_progress": "In progress",
       "draft": "Draft"
     },
+    "action": {
+      "restore": {
+        "title": "Restore cycle",
+        "success": {
+          "title": "Cycle restored",
+          "description": "The cycle has been restored."
+        },
+        "failed": {
+          "title": "Cycle restore failed",
+          "description": "The cycle could not be restored. Please try again."
+        }
+      },
+      "favorite": {
+        "loading": "Adding cycle to favorites...",
+        "success": {
+          "description": "Cycle added to favorites.",
+          "title": "Success!"
+        },
+        "failed": {
+          "description": "Couldn't add the cycle to favorites. Please try again.",
+          "title": "Error!"
+        }
+      },
+      "unfavorite": {
+        "loading": "Removing cycle from favorites...",
+        "success": {
+          "description": "Cycle removed from favorites.",
+          "title": "Success!"
+        },
+        "failed": {
+          "description": "Couldn't remove the cycle from favorites. Please try again.",
+          "title": "Error!"
+        }
+      },
+      "update": {
+        "loading": "Updating cycle...",
+        "success": {
+          "description": "Cycle updated successfully.",
+          "title": "Success!"
+        },
+        "failed": {
+          "description": "Error updating the cycle. Please try again.",
+          "title": "Error!"
+        },
+        "error": {
+          "already_exists": "You already have a cycle on the given dates, if you want to create a draft cycle, you can do that by removing both the dates."
+        }
+      }
+    },
     "empty_state": {
       "general": {
         "title": "Group and timebox your work in Cycles.",
diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx
index b067c873298..28a99a2b966 100644
--- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx
+++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx
@@ -4,6 +4,7 @@ import { FC } from "react";
 import { observer } from "mobx-react";
 // ui
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { Breadcrumbs, Button, ContrastIcon, Header } from "@plane/ui";
 // components
 import { BreadcrumbLink } from "@/components/common";
@@ -23,6 +24,7 @@ export const CyclesListHeader: FC = observer(() => {
   const { setTrackElement } = useEventTracker();
   const { allowPermissions } = useUserPermissions();
   const { currentProjectDetails, loader } = useProject();
+  const { t } = useTranslation();
 
   const canUserCreateCycle = allowPermissions(
     [EUserPermissions.ADMIN, EUserPermissions.MEMBER],
@@ -36,7 +38,12 @@ export const CyclesListHeader: FC = observer(() => {
           <ProjectBreadcrumb />
           <Breadcrumbs.BreadcrumbItem
             type="text"
-            link={<BreadcrumbLink label="Cycles" icon={<ContrastIcon className="h-4 w-4 text-custom-text-300" />} />}
+            link={
+              <BreadcrumbLink
+                label={t("cycle.label", { count: 2 })}
+                icon={<ContrastIcon className="h-4 w-4 text-custom-text-300" />}
+              />
+            }
           />
         </Breadcrumbs>
       </Header.LeftItem>
@@ -51,7 +58,8 @@ export const CyclesListHeader: FC = observer(() => {
               toggleCreateCycleModal(true);
             }}
           >
-            <div className="hidden sm:block">Add</div> Cycle
+            <div className="hidden sm:block">{t("add")}</div>
+            <div className="sm:hidden block">{t("add_cycle")}</div>
           </Button>
         </Header.RightItem>
       ) : (
diff --git a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx
index b72b46dbeaf..d6b4eea15bc 100644
--- a/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx
+++ b/web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx
@@ -38,7 +38,7 @@ const ProjectCyclesPage = observer(() => {
   // derived values
   const totalCycles = currentProjectCycleIds?.length ?? 0;
   const project = projectId ? getProjectById(projectId?.toString()) : undefined;
-  const pageTitle = project?.name ? `${project?.name} - Cycles` : undefined;
+  const pageTitle = project?.name ? `${project?.name} - ${t("cycles.label", { count: 2 })}` : undefined;
   const hasAdminLevelPermission = allowPermissions([EUserProjectRoles.ADMIN], EUserPermissionsLevel.PROJECT);
   const hasMemberLevelPermission = allowPermissions(
     [EUserProjectRoles.ADMIN, EUserProjectRoles.MEMBER],
diff --git a/web/ce/components/cycles/active-cycle/root.tsx b/web/ce/components/cycles/active-cycle/root.tsx
index a13b7f64cfa..6b2ecb928be 100644
--- a/web/ce/components/cycles/active-cycle/root.tsx
+++ b/web/ce/components/cycles/active-cycle/root.tsx
@@ -97,7 +97,7 @@ export const ActiveCycleRoot: React.FC<IActiveCycleDetails> = observer((props) =
           {({ open }) => (
             <>
               <Disclosure.Button className="sticky top-0 z-[2] w-full flex-shrink-0 border-b border-custom-border-200 bg-custom-background-90 cursor-pointer">
-                <CycleListGroupHeader title="Active cycle" type="current" isExpanded={open} />
+                <CycleListGroupHeader title={t("project_cycles.active_cycle.label")} type="current" isExpanded={open} />
               </Disclosure.Button>
               <Disclosure.Panel>{ActiveCyclesComponent}</Disclosure.Panel>
             </>
diff --git a/web/ce/components/cycles/analytics-sidebar/base.tsx b/web/ce/components/cycles/analytics-sidebar/base.tsx
index 87f07e387c0..c259a4a81d2 100644
--- a/web/ce/components/cycles/analytics-sidebar/base.tsx
+++ b/web/ce/components/cycles/analytics-sidebar/base.tsx
@@ -2,6 +2,7 @@
 import { FC, Fragment } from "react";
 import { observer } from "mobx-react";
 // plane ui
+import { useTranslation } from "@plane/i18n";
 import { TCycleEstimateType } from "@plane/types";
 import { Loader } from "@plane/ui";
 // components
@@ -23,6 +24,7 @@ export const SidebarChart: FC<ProgressChartProps> = observer((props) => {
   // hooks
   const { getEstimateTypeByCycleId, getCycleById, fetchCycleDetails, fetchArchivedCycleDetails, setEstimateType } =
     useCycle();
+  const { t } = useTranslation();
 
   // derived data
   const cycleDetails = validateCycleSnapshot(getCycleById(cycleId));
@@ -66,11 +68,11 @@ export const SidebarChart: FC<ProgressChartProps> = observer((props) => {
           <div className="relative flex items-center gap-2">
             <div className="flex items-center justify-center gap-1 text-xs">
               <span className="h-2.5 w-2.5 rounded-full bg-[#A9BBD0]" />
-              <span>Ideal</span>
+              <span>{t("ideal")}</span>
             </div>
             <div className="flex items-center justify-center gap-1 text-xs">
               <span className="h-2.5 w-2.5 rounded-full bg-[#4C8FFF]" />
-              <span>Current</span>
+              <span>{t("current")}</span>
             </div>
           </div>
           {cycleStartDate && cycleEndDate && completionChartDistributionData ? (
@@ -80,7 +82,7 @@ export const SidebarChart: FC<ProgressChartProps> = observer((props) => {
                 startDate={cycleStartDate}
                 endDate={cycleEndDate}
                 totalIssues={estimateType === "points" ? totalEstimatePoints : totalIssues}
-                plotTitle={estimateType === "points" ? "points" : "issues"}
+                plotTitle={estimateType === "points" ? t("points") : t("work_items")}
               />
             </Fragment>
           ) : (
diff --git a/web/core/components/cycles/active-cycle/cycle-stats.tsx b/web/core/components/cycles/active-cycle/cycle-stats.tsx
index b9cf267a62f..79343d65c30 100644
--- a/web/core/components/cycles/active-cycle/cycle-stats.tsx
+++ b/web/core/components/cycles/active-cycle/cycle-stats.tsx
@@ -126,7 +126,7 @@ export const ActiveCycleStats: FC<ActiveCycleStatsProps> = observer((props) => {
               )
             }
           >
-            Priority Issues
+            {t("project_cycles.active_cycle.priority_issue")}
           </Tab>
           <Tab
             className={({ selected }) =>
@@ -139,7 +139,7 @@ export const ActiveCycleStats: FC<ActiveCycleStatsProps> = observer((props) => {
               )
             }
           >
-            Assignees
+            {t("project_cycles.active_cycle.assignees")}
           </Tab>
           <Tab
             className={({ selected }) =>
@@ -152,7 +152,7 @@ export const ActiveCycleStats: FC<ActiveCycleStatsProps> = observer((props) => {
               )
             }
           >
-            Labels
+            {t("project_cycles.active_cycle.labels")}
           </Tab>
         </Tab.List>
 
@@ -289,7 +289,7 @@ export const ActiveCycleStats: FC<ActiveCycleStatsProps> = observer((props) => {
                             <div className="h-5 w-5 rounded-full border-2 border-custom-border-200 bg-custom-background-80">
                               <img src="/user.png" height="100%" width="100%" className="rounded-full" alt="User" />
                             </div>
-                            <span>No assignee</span>
+                            <span>{t("no_assignee")}</span>
                           </div>
                         }
                         completed={assignee.completed_issues}
diff --git a/web/core/components/cycles/active-cycle/productivity.tsx b/web/core/components/cycles/active-cycle/productivity.tsx
index 859c3015435..6629e527771 100644
--- a/web/core/components/cycles/active-cycle/productivity.tsx
+++ b/web/core/components/cycles/active-cycle/productivity.tsx
@@ -43,7 +43,9 @@ export const ActiveCycleProductivity: FC<ActiveCycleProductivityProps> = observe
     <div className="flex flex-col min-h-[17rem] gap-5 px-3.5 py-4 bg-custom-background-100 border border-custom-border-200 rounded-lg">
       <div className="relative flex items-center justify-between gap-4">
         <Link href={`/${workspaceSlug}/projects/${projectId}/cycles/${cycle?.id}`}>
-          <h3 className="text-base text-custom-text-300 font-semibold">Issue burndown</h3>
+          <h3 className="text-base text-custom-text-300 font-semibold">
+            {t("project_cycles.active_cycle.issue_burndown")}
+          </h3>
         </Link>
         <EstimateTypeDropdown value={estimateType} onChange={onChange} cycleId={cycle.id} projectId={projectId} />
       </div>
@@ -56,11 +58,11 @@ export const ActiveCycleProductivity: FC<ActiveCycleProductivityProps> = observe
                 <div className="flex items-center gap-3 text-custom-text-300">
                   <div className="flex items-center justify-center gap-1">
                     <span className="h-2 w-2 rounded-full bg-[#A9BBD0]" />
-                    <span>Ideal</span>
+                    <span>{t("project_cycles.active_cycle.ideal")}</span>
                   </div>
                   <div className="flex items-center justify-center gap-1">
                     <span className="h-2 w-2 rounded-full bg-[#4C8FFF]" />
-                    <span>Current</span>
+                    <span>{t("project_cycles.active_cycle.current")}</span>
                   </div>
                 </div>
                 {estimateType === "points" ? (
diff --git a/web/core/components/cycles/active-cycle/progress.tsx b/web/core/components/cycles/active-cycle/progress.tsx
index 0f2c5a419aa..65bac5a7772 100644
--- a/web/core/components/cycles/active-cycle/progress.tsx
+++ b/web/core/components/cycles/active-cycle/progress.tsx
@@ -47,7 +47,7 @@ export const ActiveCycleProgress: FC<ActiveCycleProgressProps> = observer((props
     <div className="flex flex-col min-h-[17rem] gap-5 py-4 px-3.5 bg-custom-background-100 border border-custom-border-200 rounded-lg">
       <div className="flex flex-col gap-3">
         <div className="flex items-center justify-between gap-4">
-          <h3 className="text-base text-custom-text-300 font-semibold">Progress</h3>
+          <h3 className="text-base text-custom-text-300 font-semibold">{t("project_cycles.active_cycle.progress")}</h3>
           {cycle.total_issues > 0 && (
             <span className="flex gap-1 text-sm text-custom-text-400 font-medium whitespace-nowrap rounded-sm px-3 py-1 ">
               {`${cycle.completed_issues + cycle.cancelled_issues}/${cycle.total_issues - cycle.cancelled_issues} ${
diff --git a/web/core/components/cycles/analytics-sidebar/issue-progress.tsx b/web/core/components/cycles/analytics-sidebar/issue-progress.tsx
index 0efdaded511..eb75e1bcea4 100644
--- a/web/core/components/cycles/analytics-sidebar/issue-progress.tsx
+++ b/web/core/components/cycles/analytics-sidebar/issue-progress.tsx
@@ -8,6 +8,7 @@ import { useSearchParams } from "next/navigation";
 import { ChevronUp, ChevronDown } from "lucide-react";
 import { Disclosure, Transition } from "@headlessui/react";
 import { EIssueFilterType, EIssuesStoreType } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { ICycle, IIssueFilterOptions, TCyclePlotType, TProgressSnapshot } from "@plane/types";
 // components
 import { CycleProgressStats } from "@/components/cycles";
@@ -63,6 +64,7 @@ export const CycleAnalyticsProgress: FC<TCycleAnalyticsProgress> = observer((pro
   const {
     issuesFilter: { issueFilters, updateFilters },
   } = useIssues(EIssuesStoreType.CYCLE);
+  const { t } = useTranslation();
 
   // derived values
   const cycleDetails = validateCycleSnapshot(getCycleById(cycleId));
@@ -138,7 +140,9 @@ export const CycleAnalyticsProgress: FC<TCycleAnalyticsProgress> = observer((pro
             {isCycleDateValid ? (
               <div className="relative w-full flex justify-between items-center gap-2">
                 <Disclosure.Button className="relative flex items-center gap-2 w-full">
-                  <div className="font-medium text-custom-text-200 text-sm">Progress</div>
+                  <div className="font-medium text-custom-text-200 text-sm">
+                    {t("project_cycles.active_cycle.progress")}
+                  </div>
                 </Disclosure.Button>
                 <Disclosure.Button className="ml-auto">
                   {open ? (
@@ -150,7 +154,9 @@ export const CycleAnalyticsProgress: FC<TCycleAnalyticsProgress> = observer((pro
               </div>
             ) : (
               <div className="relative w-full flex justify-between items-center gap-2">
-                <div className="font-medium text-custom-text-200 text-sm">Progress</div>
+                <div className="font-medium text-custom-text-200 text-sm">
+                  {t("project_cycles.active_cycle.progress")}
+                </div>
               </div>
             )}
 
diff --git a/web/core/components/cycles/analytics-sidebar/progress-stats.tsx b/web/core/components/cycles/analytics-sidebar/progress-stats.tsx
index 069ccb2fff5..8336430ccab 100644
--- a/web/core/components/cycles/analytics-sidebar/progress-stats.tsx
+++ b/web/core/components/cycles/analytics-sidebar/progress-stats.tsx
@@ -4,6 +4,7 @@ import { FC } from "react";
 import { observer } from "mobx-react";
 import Image from "next/image";
 import { Tab } from "@headlessui/react";
+import { useTranslation } from "@plane/i18n";
 import {
   IIssueFilterOptions,
   IIssueFilters,
@@ -73,6 +74,7 @@ type TStateStatComponent = {
 
 export const AssigneeStatComponent = observer((props: TAssigneeStatComponent) => {
   const { distribution, isEditable, filters, handleFiltersUpdate } = props;
+  const { t } = useTranslation();
   return (
     <div>
       {distribution && distribution.length > 0 ? (
@@ -104,7 +106,7 @@ export const AssigneeStatComponent = observer((props: TAssigneeStatComponent) =>
                     <div className="h-4 w-4 rounded-full border-2 border-custom-border-200 bg-custom-background-80">
                       <img src="/user.png" height="100%" width="100%" className="rounded-full" alt="User" />
                     </div>
-                    <span>No assignee</span>
+                    <span>{t("no_assignee")}</span>
                   </div>
                 }
                 completed={assignee?.completed ?? 0}
@@ -117,7 +119,7 @@ export const AssigneeStatComponent = observer((props: TAssigneeStatComponent) =>
           <div className="flex h-20 w-20 items-center justify-center rounded-full bg-custom-background-80">
             <Image src={emptyMembers} className="h-12 w-12" alt="empty members" />
           </div>
-          <h6 className="text-base text-custom-text-300">No assignees yet</h6>
+          <h6 className="text-base text-custom-text-300">{t("no_assignee")}</h6>
         </div>
       )}
     </div>
@@ -126,6 +128,7 @@ export const AssigneeStatComponent = observer((props: TAssigneeStatComponent) =>
 
 export const LabelStatComponent = observer((props: TLabelStatComponent) => {
   const { distribution, isEditable, filters, handleFiltersUpdate } = props;
+  const { t } = useTranslation();
   return (
     <div>
       {distribution && distribution.length > 0 ? (
@@ -142,7 +145,7 @@ export const LabelStatComponent = observer((props: TLabelStatComponent) => {
                         backgroundColor: label.color ?? "transparent",
                       }}
                     />
-                    <span className="text-xs">{label.title ?? "No labels"}</span>
+                    <span className="text-xs">{label.title ?? t("no_labels_yet")}</span>
                   </div>
                 }
                 completed={label.completed}
@@ -165,7 +168,7 @@ export const LabelStatComponent = observer((props: TLabelStatComponent) => {
                         backgroundColor: label.color ?? "transparent",
                       }}
                     />
-                    <span className="text-xs">{label.title ?? "No labels"}</span>
+                    <span className="text-xs">{label.title ?? t("no_labels_yet")}</span>
                   </div>
                 }
                 completed={label.completed}
@@ -179,7 +182,7 @@ export const LabelStatComponent = observer((props: TLabelStatComponent) => {
           <div className="flex h-20 w-20 items-center justify-center rounded-full bg-custom-background-80">
             <Image src={emptyLabel} className="h-12 w-12" alt="empty label" />
           </div>
-          <h6 className="text-base text-custom-text-300">No labels yet</h6>
+          <h6 className="text-base text-custom-text-300">{t("no_labels_yet")}</h6>
         </div>
       )}
     </div>
@@ -222,15 +225,15 @@ export const StateStatComponent = observer((props: TStateStatComponent) => {
 const progressStats = [
   {
     key: "stat-states",
-    title: "States",
+    i18n_title: "common.states",
   },
   {
     key: "stat-assignees",
-    title: "Assignees",
+    i18n_title: "common.assignees",
   },
   {
     key: "stat-labels",
-    title: "Labels",
+    i18n_title: "common.labels",
   },
 ];
 
@@ -267,6 +270,7 @@ export const CycleProgressStats: FC<TCycleProgressStats> = observer((props) => {
     `cycle-analytics-tab-${cycleId}`,
     "stat-assignees"
   );
+  const { t } = useTranslation();
   // derived values
   const currentTabIndex = (tab: string): number => progressStats.findIndex((stat) => stat.key === tab);
 
@@ -337,7 +341,7 @@ export const CycleProgressStats: FC<TCycleProgressStats> = observer((props) => {
               key={stat.key}
               onClick={() => setCycleTab(stat.key)}
             >
-              {stat.title}
+              {t(stat.i18n_title)}
             </Tab>
           ))}
         </Tab.List>
diff --git a/web/core/components/cycles/analytics-sidebar/sidebar-details.tsx b/web/core/components/cycles/analytics-sidebar/sidebar-details.tsx
index c60b5dae95c..eaa460f7abe 100644
--- a/web/core/components/cycles/analytics-sidebar/sidebar-details.tsx
+++ b/web/core/components/cycles/analytics-sidebar/sidebar-details.tsx
@@ -4,6 +4,7 @@ import isEmpty from "lodash/isEmpty";
 import { observer } from "mobx-react";
 import { LayersIcon, SquareUser, Users } from "lucide-react";
 // plane types
+import { useTranslation } from "@plane/i18n";
 import { ICycle } from "@plane/types";
 // plane ui
 import { Avatar, AvatarGroup, TextArea } from "@plane/ui";
@@ -24,6 +25,7 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
   // hooks
   const { getUserDetails } = useMember();
   const { areEstimateEnabledByProjectId, currentActiveEstimateId, estimateById } = useProjectEstimates();
+  const { t } = useTranslation();
 
   const areEstimateEnabled = projectId && areEstimateEnabledByProjectId(projectId.toString());
   const cycleStatus = cycleDetails?.status?.toLocaleLowerCase();
@@ -32,10 +34,10 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
   const issueCount =
     isCompleted && !isEmpty(cycleDetails?.progress_snapshot)
       ? cycleDetails?.progress_snapshot?.total_issues === 0
-        ? "0 Issue"
+        ? `0 ${t("common.work_item")}`
         : `${cycleDetails?.progress_snapshot?.completed_issues}/${cycleDetails?.progress_snapshot?.total_issues}`
       : cycleDetails?.total_issues === 0
-        ? "0 Issue"
+        ? `0 ${t("common.work_item")}`
         : `${cycleDetails?.completed_issues}/${cycleDetails?.total_issues}`;
   const estimateType = areEstimateEnabled && currentActiveEstimateId && estimateById(currentActiveEstimateId);
   const cycleOwnerDetails = cycleDetails ? getUserDetails(cycleDetails.owned_by_id) : undefined;
@@ -51,10 +53,10 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
   const issueEstimatePointCount =
     isCompleted && !isEmpty(cycleDetails?.progress_snapshot)
       ? cycleDetails?.progress_snapshot.total_issues === 0
-        ? "0 Issue"
+        ? `0 ${t("common.work_item")}`
         : `${cycleDetails?.progress_snapshot.completed_estimate_points}/${cycleDetails?.progress_snapshot.total_estimate_points}`
       : cycleDetails?.total_issues === 0
-        ? "0 Issue"
+        ? `0 ${t("common.work_item")}`
         : `${cycleDetails?.completed_estimate_points}/${cycleDetails?.total_estimate_points}`;
   return (
     <div className="flex flex-col gap-5 w-full">
@@ -70,7 +72,7 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
         <div className="flex items-center justify-start gap-1">
           <div className="flex w-2/5 items-center justify-start gap-2 text-custom-text-300">
             <SquareUser className="h-4 w-4" />
-            <span className="text-base">Lead</span>
+            <span className="text-base">{t("lead")}</span>
           </div>
           <div className="flex w-3/5 items-center rounded-sm">
             <div className="flex items-center gap-2.5">
@@ -83,7 +85,7 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
         <div className="flex items-center justify-start gap-1">
           <div className="flex w-2/5 items-center justify-start gap-2 text-custom-text-300">
             <Users className="h-4 w-4" />
-            <span className="text-base">Members</span>
+            <span className="text-base">{t("members")}</span>
           </div>
           <div className="flex w-3/5 items-center rounded-sm">
             <div className="flex items-center gap-2.5">
@@ -104,7 +106,7 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
                   </AvatarGroup>
                 </>
               ) : (
-                <span className="px-1.5 text-sm text-custom-text-300">No assignees</span>
+                <span className="px-1.5 text-sm text-custom-text-300">{t("no_assignee")}</span>
               )}
             </div>
           </div>
@@ -113,7 +115,7 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
         <div className="flex items-center justify-start gap-1">
           <div className="flex w-2/5 items-center justify-start gap-2 text-custom-text-300">
             <LayersIcon className="h-4 w-4" />
-            <span className="text-base">Issues</span>
+            <span className="text-base">{t("work_items")}</span>
           </div>
           <div className="flex w-3/5 items-center">
             <span className="px-1.5 text-sm text-custom-text-300">{issueCount}</span>
@@ -127,7 +129,7 @@ export const CycleSidebarDetails: FC<Props> = observer((props) => {
           <div className="flex items-center justify-start gap-1">
             <div className="flex w-2/5 items-center justify-start gap-2 text-custom-text-300">
               <LayersIcon className="h-4 w-4" />
-              <span className="text-base">Points</span>
+              <span className="text-base">{t("points")}</span>
             </div>
             <div className="flex w-3/5 items-center">
               <span className="px-1.5 text-sm text-custom-text-300">{issueEstimatePointCount}</span>
diff --git a/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx b/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx
index 2c4037d7db9..c8d4cc487b4 100644
--- a/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx
+++ b/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx
@@ -5,7 +5,7 @@ import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";
 import { ArchiveIcon, ArchiveRestoreIcon, ChevronRight, EllipsisIcon, LinkIcon, Trash2 } from "lucide-react";
 // types
-import { CYCLE_STATUS, CYCLE_UPDATED ,EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { CYCLE_STATUS, CYCLE_UPDATED, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { ICycle } from "@plane/types";
 // ui
@@ -70,16 +70,16 @@ export const CycleSidebarHeader: FC<Props> = observer((props) => {
       .then(() => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: "Restore success",
-          message: "Your cycle can be found in project cycles.",
+          title: t("project_cycles.action.restore.success.title"),
+          message: t("project_cycles.action.restore.success.description"),
         });
         router.push(`/${workspaceSlug.toString()}/projects/${projectId.toString()}/archives/cycles`);
       })
       .catch(() =>
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: "Error!",
-          message: "Cycle could not be restored. Please try again.",
+          title: t("project_cycles.action.restore.failed.title"),
+          message: t("project_cycles.action.restore.failed.description"),
         })
       );
   };
@@ -89,14 +89,14 @@ export const CycleSidebarHeader: FC<Props> = observer((props) => {
       .then(() => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: "Link Copied!",
-          message: "Cycle link copied to clipboard.",
+          title: t("common.link_copied"),
+          message: t("common.link_copied_to_clipboard"),
         });
       })
       .catch(() => {
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: "Some error occurred",
+          title: t("common.errors.default.message"),
         });
       });
   };
@@ -166,15 +166,14 @@ export const CycleSidebarHeader: FC<Props> = observer((props) => {
       submitChanges(payload, "date_range");
       setToast({
         type: TOAST_TYPE.SUCCESS,
-        title: "Success!",
-        message: "Cycle updated successfully.",
+        title: t("project_cycles.action.update.success.title"),
+        message: t("project_cycles.action.update.success.description"),
       });
     } else {
       setToast({
         type: TOAST_TYPE.ERROR,
-        title: "Error!",
-        message:
-          "You already have a cycle on the given dates, if you want to create a draft cycle, you can do that by removing both the dates.",
+        title: t("project_cycles.action.update.failed.title"),
+        message: t("project_cycles.action.update.error.already_exists"),
       });
       reset({ ...cycleDetails });
     }
@@ -231,15 +230,15 @@ export const CycleSidebarHeader: FC<Props> = observer((props) => {
                   {isCompleted ? (
                     <div className="flex items-center gap-2">
                       <ArchiveIcon className="h-3 w-3" />
-                      Archive cycle
+                      {t("common.archive")}
                     </div>
                   ) : (
                     <div className="flex items-start gap-2">
                       <ArchiveIcon className="h-3 w-3" />
                       <div className="-mt-1">
-                        <p>Archive cycle</p>
+                        <p>{t("common.archive")}</p>
                         <p className="text-xs text-custom-text-400">
-                          Only completed cycles <br /> can be archived.
+                          {t("project_cycles.only_completed_cycles_can_be_archived")}
                         </p>
                       </div>
                     </div>
@@ -250,7 +249,7 @@ export const CycleSidebarHeader: FC<Props> = observer((props) => {
                 <CustomMenu.MenuItem onClick={handleRestoreCycle}>
                   <span className="flex items-center justify-start gap-2">
                     <ArchiveRestoreIcon className="h-3 w-3" />
-                    <span>Restore cycle</span>
+                    <span>{t("project_cycles.action.restore.title")}</span>
                   </span>
                 </CustomMenu.MenuItem>
               )}
@@ -263,7 +262,7 @@ export const CycleSidebarHeader: FC<Props> = observer((props) => {
                 >
                   <span className="flex items-center justify-start gap-2">
                     <Trash2 className="h-3 w-3" />
-                    <span>Delete cycle</span>
+                    <span>{t("delete")}</span>
                   </span>
                 </CustomMenu.MenuItem>
               )}
diff --git a/web/core/components/cycles/cycles-view-header.tsx b/web/core/components/cycles/cycles-view-header.tsx
index c3139bc8732..fe5b942dbf2 100644
--- a/web/core/components/cycles/cycles-view-header.tsx
+++ b/web/core/components/cycles/cycles-view-header.tsx
@@ -5,6 +5,7 @@ import { ListFilter, Search, X } from "lucide-react";
 // plane helpers
 import { useOutsideClickDetector } from "@plane/hooks";
 // types
+import { useTranslation } from "@plane/i18n";
 import { TCycleFilters } from "@plane/types";
 // components
 import { CycleFiltersSelection } from "@/components/cycles";
@@ -25,6 +26,7 @@ export const CyclesViewHeader: React.FC<Props> = observer((props) => {
   const inputRef = useRef<HTMLInputElement>(null);
   // hooks
   const { currentProjectFilters, searchQuery, updateFilters, updateSearchQuery } = useCycleFilter();
+  const { t } = useTranslation();
   // states
   const [isSearchOpen, setIsSearchOpen] = useState(searchQuery !== "" ? true : false);
   // outside click detector hook
@@ -114,7 +116,7 @@ export const CyclesViewHeader: React.FC<Props> = observer((props) => {
       </div>
       <FiltersDropdown
         icon={<ListFilter className="h-3 w-3" />}
-        title="Filters"
+        title={t("common.filters")}
         placement="bottom-end"
         isFiltersApplied={isFiltersApplied}
       >
diff --git a/web/core/components/cycles/cycles-view.tsx b/web/core/components/cycles/cycles-view.tsx
index dea4554129f..ef6c9d136a2 100644
--- a/web/core/components/cycles/cycles-view.tsx
+++ b/web/core/components/cycles/cycles-view.tsx
@@ -2,6 +2,7 @@ import { FC } from "react";
 import { observer } from "mobx-react";
 import Image from "next/image";
 // components
+import { useTranslation } from "@plane/i18n";
 import { CyclesList } from "@/components/cycles";
 // ui
 import { CycleModuleListLayout } from "@/components/ui";
@@ -21,6 +22,7 @@ export const CyclesView: FC<ICyclesView> = observer((props) => {
   // store hooks
   const { getFilteredCycleIds, getFilteredCompletedCycleIds, loader, currentProjectActiveCycleId } = useCycle();
   const { searchQuery } = useCycleFilter();
+  const { t } = useTranslation();
   // derived values
   const filteredCycleIds = getFilteredCycleIds(projectId, false);
   const filteredCompletedCycleIds = getFilteredCompletedCycleIds(projectId);
@@ -39,11 +41,11 @@ export const CyclesView: FC<ICyclesView> = observer((props) => {
             className="mx-auto h-36 w-36 sm:h-48 sm:w-48"
             alt="No matching cycles"
           />
-          <h5 className="mb-1 mt-7 text-xl font-medium">No matching cycles</h5>
+          <h5 className="mb-1 mt-7 text-xl font-medium">{t("project_cycles.no_matching_cycles")}</h5>
           <p className="text-base text-custom-text-400">
             {searchQuery.trim() === ""
-              ? "Remove the filters to see all cycles"
-              : "Remove the search criteria to see all cycles"}
+              ? t("project_cycles.remove_filters_to_see_all_cycles")
+              : t("project_cycles.remove_search_criteria_to_see_all_cycles")}
           </p>
         </div>
       </div>
diff --git a/web/core/components/cycles/form.tsx b/web/core/components/cycles/form.tsx
index e11cbef1355..c5c9c918697 100644
--- a/web/core/components/cycles/form.tsx
+++ b/web/core/components/cycles/form.tsx
@@ -5,6 +5,7 @@ import { Controller, useForm } from "react-hook-form";
 // plane imports
 import { ETabIndices } from "@plane/constants";
 // types
+import { useTranslation } from "@plane/i18n";
 import { ICycle } from "@plane/types";
 // ui
 import { Button, Input, TextArea } from "@plane/ui";
@@ -35,6 +36,7 @@ const defaultValues: Partial<ICycle> = {
 
 export const CycleForm: React.FC<Props> = (props) => {
   const { handleFormSubmit, handleClose, status, projectId, setActiveProject, data, isMobile = false } = props;
+  const { t } = useTranslation();
   // form data
   const {
     formState: { errors, isSubmitting, dirtyFields },
@@ -85,7 +87,9 @@ export const CycleForm: React.FC<Props> = (props) => {
               )}
             />
           )}
-          <h3 className="text-xl font-medium text-custom-text-200">{status ? "Update" : "Create"} cycle</h3>
+          <h3 className="text-xl font-medium text-custom-text-200">
+            {status ? t("project_cycles.update_cycle") : t("project_cycles.create_cycle")}
+          </h3>
         </div>
         <div className="space-y-3">
           <div className="space-y-1">
@@ -93,17 +97,17 @@ export const CycleForm: React.FC<Props> = (props) => {
               name="name"
               control={control}
               rules={{
-                required: "Title is required",
+                required: t("title_is_required"),
                 maxLength: {
                   value: 255,
-                  message: "Title should be less than 255 characters",
+                  message: t("title_should_be_less_than_255_characters"),
                 },
               }}
               render={({ field: { value, onChange } }) => (
                 <Input
                   name="name"
                   type="text"
-                  placeholder="Title"
+                  placeholder={t("title")}
                   className="w-full text-base"
                   value={value}
                   inputSize="md"
@@ -123,7 +127,7 @@ export const CycleForm: React.FC<Props> = (props) => {
               render={({ field: { value, onChange } }) => (
                 <TextArea
                   name="description"
-                  placeholder="Description"
+                  placeholder={t("description")}
                   className="w-full text-base resize-none min-h-24"
                   hasError={Boolean(errors?.description)}
                   value={value}
@@ -172,10 +176,16 @@ export const CycleForm: React.FC<Props> = (props) => {
       </div>
       <div className="px-5 py-4 flex items-center justify-end gap-2 border-t-[0.5px] border-custom-border-200">
         <Button variant="neutral-primary" size="sm" onClick={handleClose} tabIndex={getIndex("cancel")}>
-          Cancel
+          {t("common.cancel")}
         </Button>
         <Button variant="primary" size="sm" type="submit" loading={isSubmitting} tabIndex={getIndex("submit")}>
-          {data ? (isSubmitting ? "Updating" : "Update Cycle") : isSubmitting ? "Creating" : "Create Cycle"}
+          {data
+            ? isSubmitting
+              ? t("common.updating")
+              : t("project_cycles.update_cycle")
+            : isSubmitting
+              ? t("common.creating")
+              : t("project_cycles.create_cycle")}
         </Button>
       </div>
     </form>
diff --git a/web/core/components/cycles/list/cycle-list-item-action.tsx b/web/core/components/cycles/list/cycle-list-item-action.tsx
index cc0d77a19e9..7c1eea922b8 100644
--- a/web/core/components/cycles/list/cycle-list-item-action.tsx
+++ b/web/core/components/cycles/list/cycle-list-item-action.tsx
@@ -6,7 +6,8 @@ import { useParams, usePathname, useSearchParams } from "next/navigation";
 import { Controller, useForm } from "react-hook-form";
 import { Eye, Users } from "lucide-react";
 // types
-import { CYCLE_FAVORITED, CYCLE_UNFAVORITED , EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { CYCLE_FAVORITED, CYCLE_UNFAVORITED, EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { ICycle, TCycleGroups } from "@plane/types";
 // ui
 import {
@@ -63,6 +64,7 @@ export const CycleListItemAction: FC<Props> = observer((props) => {
   const [transferIssuesModal, setTransferIssuesModal] = useState(false);
   // hooks
   const { isMobile } = usePlatformOS();
+  const { t } = useTranslation();
   // router
   const router = useAppRouter();
   const searchParams = useSearchParams();
@@ -110,14 +112,14 @@ export const CycleListItemAction: FC<Props> = observer((props) => {
     );
 
     setPromiseToast(addToFavoritePromise, {
-      loading: "Adding cycle to favorites...",
+      loading: t("project_cycles.action.favorite.loading"),
       success: {
-        title: "Success!",
-        message: () => "Cycle added to favorites.",
+        title: t("project_cycles.action.favorite.success.title"),
+        message: () => t("project_cycles.action.favorite.success.description"),
       },
       error: {
-        title: "Error!",
-        message: () => "Couldn't add the cycle to favorites. Please try again.",
+        title: t("project_cycles.action.favorite.failed.title"),
+        message: () => t("project_cycles.action.favorite.failed.description"),
       },
     });
   };
@@ -139,14 +141,14 @@ export const CycleListItemAction: FC<Props> = observer((props) => {
     });
 
     setPromiseToast(removeFromFavoritePromise, {
-      loading: "Removing cycle from favorites...",
+      loading: t("project_cycles.action.unfavorite.loading"),
       success: {
-        title: "Success!",
-        message: () => "Cycle removed from favorites.",
+        title: t("project_cycles.action.unfavorite.success.title"),
+        message: () => t("project_cycles.action.unfavorite.success.description"),
       },
       error: {
-        title: "Error!",
-        message: () => "Couldn't remove the cycle from favorites. Please try again.",
+        title: t("project_cycles.action.unfavorite.failed.title"),
+        message: () => t("project_cycles.action.unfavorite.failed.description"),
       },
     });
   };
@@ -186,15 +188,14 @@ export const CycleListItemAction: FC<Props> = observer((props) => {
       submitChanges(payload);
       setToast({
         type: TOAST_TYPE.SUCCESS,
-        title: "Success!",
-        message: "Cycle updated successfully.",
+        title: t("project_cycles.action.update.success.title"),
+        message: t("project_cycles.action.update.success.description"),
       });
     } else {
       setToast({
         type: TOAST_TYPE.ERROR,
-        title: "Error!",
-        message:
-          "You already have a cycle on the given dates, if you want to create a draft cycle, you can do that by removing both the dates.",
+        title: t("project_cycles.action.update.failed.title"),
+        message: t("project_cycles.action.update.error.already_exists"),
       });
       reset({ ...cycleDetails });
     }
@@ -238,7 +239,7 @@ export const CycleListItemAction: FC<Props> = observer((props) => {
         className={`z-[1] flex text-custom-primary-200 text-xs gap-1 flex-shrink-0 ${isMobile || (isActive && !searchParams.has("peekCycle")) ? "flex" : "hidden group-hover:flex"}`}
       >
         <Eye className="h-4 w-4 my-auto  text-custom-primary-200" />
-        <span>More details</span>
+        <span>{t("project_cycles.more_details")}</span>
       </button>
 
       {showIssueCount && (
diff --git a/web/core/components/cycles/list/root.tsx b/web/core/components/cycles/list/root.tsx
index 1531b88aa80..49e3fcbe3e4 100644
--- a/web/core/components/cycles/list/root.tsx
+++ b/web/core/components/cycles/list/root.tsx
@@ -2,6 +2,7 @@ import React, { FC } from "react";
 import { observer } from "mobx-react";
 import { Disclosure } from "@headlessui/react";
 // components
+import { useTranslation } from "@plane/i18n";
 import { ContentWrapper, ERowVariant } from "@plane/ui";
 import { ListLayout } from "@/components/core/list";
 import { CycleListGroupHeader, CyclePeekOverview, CyclesListMap } from "@/components/cycles";
@@ -18,6 +19,7 @@ export interface ICyclesList {
 
 export const CyclesList: FC<ICyclesList> = observer((props) => {
   const { completedCycleIds, upcomingCycleIds, cycleIds, workspaceSlug, projectId, isArchived = false } = props;
+  const { t } = useTranslation();
 
   return (
     <ContentWrapper variant={ERowVariant.HUGGING} className="flex-row">
@@ -36,7 +38,7 @@ export const CyclesList: FC<ICyclesList> = observer((props) => {
                   <>
                     <Disclosure.Button className="sticky top-0 z-[2] w-full flex-shrink-0 border-b border-custom-border-200 bg-custom-background-90 cursor-pointer">
                       <CycleListGroupHeader
-                        title="Upcoming cycle"
+                        title={t("project_cycles.upcoming_cycle.label")}
                         type="upcoming"
                         count={upcomingCycleIds.length}
                         showCount
@@ -55,7 +57,7 @@ export const CyclesList: FC<ICyclesList> = observer((props) => {
                 <>
                   <Disclosure.Button className="sticky top-0 z-[2] w-full flex-shrink-0 border-b border-custom-border-200 bg-custom-background-90 cursor-pointer">
                     <CycleListGroupHeader
-                      title="Completed cycle"
+                      title={t("project_cycles.completed_cycle.label")}
                       type="completed"
                       count={completedCycleIds.length}
                       showCount
diff --git a/web/core/components/cycles/quick-actions.tsx b/web/core/components/cycles/quick-actions.tsx
index 3f5bb83ee3d..5d27cfe107e 100644
--- a/web/core/components/cycles/quick-actions.tsx
+++ b/web/core/components/cycles/quick-actions.tsx
@@ -7,6 +7,7 @@ import { observer } from "mobx-react";
 import { ArchiveRestoreIcon, ExternalLink, LinkIcon, Pencil, Trash2 } from "lucide-react";
 // ui
 import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { ArchiveIcon, ContextMenu, CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui";
 // components
 import { ArchiveCycleModal, CycleCreateUpdateModal, CycleDeleteModal } from "@/components/cycles";
@@ -37,6 +38,7 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
   const { setTrackElement } = useEventTracker();
   const { allowPermissions } = useUserPermissions();
   const { getCycleById, restoreCycle } = useCycle();
+  const { t } = useTranslation();
   // derived values
   const cycleDetails = getCycleById(cycleId);
   const isArchived = !!cycleDetails?.archived_at;
@@ -57,8 +59,8 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
     copyUrlToClipboard(cycleLink).then(() => {
       setToast({
         type: TOAST_TYPE.SUCCESS,
-        title: "Link Copied!",
-        message: "Cycle link copied to clipboard.",
+        title: t("common.link_copied"),
+        message: t("common.link_copied_to_clipboard"),
       });
     });
   const handleOpenInNewTab = () => window.open(`/${cycleLink}`, "_blank");
@@ -75,16 +77,16 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
       .then(() => {
         setToast({
           type: TOAST_TYPE.SUCCESS,
-          title: "Restore success",
-          message: "Your cycle can be found in project cycles.",
+          title: t("project_cycles.action.restore.success.title"),
+          message: t("project_cycles.action.restore.success.description"),
         });
         router.push(`/${workspaceSlug}/projects/${projectId}/archives/cycles`);
       })
       .catch(() =>
         setToast({
           type: TOAST_TYPE.ERROR,
-          title: "Error!",
-          message: "Cycle could not be restored. Please try again.",
+          title: t("project_cycles.action.restore.failed.title"),
+          message: t("project_cycles.action.restore.failed.description"),
         })
       );
 
@@ -96,7 +98,7 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
   const MENU_ITEMS: TContextMenuItem[] = [
     {
       key: "edit",
-      title: "Edit",
+      title: t("edit"),
       icon: Pencil,
       action: handleEditCycle,
       shouldRender: isEditingAllowed && !isCompleted && !isArchived,
@@ -104,22 +106,22 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
     {
       key: "open-new-tab",
       action: handleOpenInNewTab,
-      title: "Open in new tab",
+      title: t("open_in_new_tab"),
       icon: ExternalLink,
       shouldRender: !isArchived,
     },
     {
       key: "copy-link",
       action: handleCopyText,
-      title: "Copy link",
+      title: t("copy_link"),
       icon: LinkIcon,
       shouldRender: !isArchived,
     },
     {
       key: "archive",
       action: handleArchiveCycle,
-      title: "Archive",
-      description: isCompleted ? undefined : "Only completed cycles can\nbe archived.",
+      title: t("archive"),
+      description: isCompleted ? undefined : t("project_cycles.only_completed_cycles_can_be_archived"),
       icon: ArchiveIcon,
       className: "items-start",
       iconClassName: "mt-1",
@@ -129,14 +131,14 @@ export const CycleQuickActions: React.FC<Props> = observer((props) => {
     {
       key: "restore",
       action: handleRestoreCycle,
-      title: "Restore",
+      title: t("restor"),
       icon: ArchiveRestoreIcon,
       shouldRender: isEditingAllowed && isArchived,
     },
     {
       key: "delete",
       action: handleDeleteCycle,
-      title: "Delete",
+      title: t("delete"),
       icon: Trash2,
       shouldRender: isEditingAllowed && !isCompleted && !isArchived,
     },