chore: workspace views language support

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

@@ -738,7 +738,8 @@
     }
   },
 
-  "workspace_issues": {
+  "workspace_views": {
+    "add_view": "Add view",
     "empty_state": {
       "all-issues": {
         "title": "No issues in the project",

web/app/[workspaceSlug]/(projects)/workspace-views/header.tsx

@@ -6,6 +6,7 @@ import { useParams } from "next/navigation";
 import { Layers } from "lucide-react";
 // plane constants
 import { EIssueFilterType, EIssuesStoreType, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 // types
 import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
 // ui
@@ -33,6 +34,7 @@ export const GlobalIssuesHeader = observer(() => {
   const {
     workspace: { workspaceMemberIds },
   } = useMember();
+  const { t } = useTranslation();
 
   const issueFilters = globalViewId ? filters[globalViewId.toString()] : undefined;
 
@@ -103,7 +105,7 @@ export const GlobalIssuesHeader = observer(() => {
           <Breadcrumbs>
             <Breadcrumbs.BreadcrumbItem
               type="text"
-              link={<BreadcrumbLink label={`Views`} icon={<Layers className="h-4 w-4 text-custom-text-300" />} />}
+              link={<BreadcrumbLink label={t("views")} icon={<Layers className="h-4 w-4 text-custom-text-300" />} />}
             />
           </Breadcrumbs>
         </Header.LeftItem>
@@ -141,7 +143,7 @@ export const GlobalIssuesHeader = observer(() => {
           )}
 
           <Button variant="primary" size="sm" onClick={() => setCreateViewModal(true)}>
-            Add view
+            {t("workspace_views.add_view")}
           </Button>
         </Header.RightItem>
       </Header>

web/core/components/issues/issue-layouts/empty-states/global-view.tsx

@@ -58,13 +58,13 @@ export const GlobalViewEmptyState: React.FC = observer(() => {
   return (
     <DetailedEmptyState
       size="sm"
-      title={t(`workspace_issues.empty_state.${resolvedCurrentView}.title`)}
-      description={t(`workspace_issues.empty_state.${resolvedCurrentView}.description`)}
+      title={t(`workspace_views.empty_state.${resolvedCurrentView}.title`)}
+      description={t(`workspace_views.empty_state.${resolvedCurrentView}.description`)}
       assetPath={globalViewsResolvedPath}
       primaryButton={
         ["subscribed", "custom-view"].includes(resolvedCurrentView) === false
           ? {
-              text: t(`workspace_issues.empty_state.${resolvedCurrentView}.primary_button.text`),
+              text: t(`workspace_views.empty_state.${resolvedCurrentView}.primary_button.text`),
               onClick: () => {
                 setTrackElement("All issues empty state");
                 toggleCreateIssueModal(true, EIssuesStoreType.PROJECT);

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: "open_in_new_tab",
       icon: ExternalLink,
     },
     {
       key: "copy-link",
       action: handleCopyText,
-      title: "Copy link",
+      title: "copy_link",
       icon: LinkIcon,
     },
   ];
@@ -114,7 +114,7 @@ export const DefaultWorkspaceViewQuickActions: React.FC<Props> = observer((props
             >
               {item.icon && <item.icon className={cn("h-3 w-3", item.iconClassName)} />}
               <div>
-                <h5>{item.title}</h5>
+                <h5>{t(item.title || "")}</h5>
                 {item.description && (
                   <p
                     className={cn("text-custom-text-300 whitespace-pre-line", {

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

@@ -6,6 +6,7 @@ import Link from "next/link";
 import { ExternalLink, LinkIcon, Pencil, Trash2, Lock } from "lucide-react";
 // types
 import { EViewAccess } from "@plane/constants";
+import { useTranslation } from "@plane/i18n";
 import { IWorkspaceView } from "@plane/types";
 // ui
 import { ContextMenu, CustomMenu, TContextMenuItem, TOAST_TYPE, setToast } from "@plane/ui";
@@ -35,6 +36,7 @@ export const WorkspaceViewQuickActions: React.FC<Props> = observer((props) => {
   // store hooks
   const { data } = useUser();
   const { allowPermissions } = useUserPermissions();
+  const { t } = useTranslation();
   // auth
   const isOwner = view?.owned_by === data?.id;
   const isAdmin = allowPermissions([EUserPermissions.ADMIN], EUserPermissionsLevel.WORKSPACE);
@@ -54,26 +56,26 @@ export const WorkspaceViewQuickActions: React.FC<Props> = observer((props) => {
     {
       key: "edit",
       action: () => setUpdateViewModal(true),
-      title: "Edit",
+      title: t("edit"),
       icon: Pencil,
       shouldRender: isOwner,
     },
     {
       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,
     },
     {
       key: "delete",
       action: () => setDeleteViewModal(true),
-      title: "Delete",
+      title: t("delete"),
       icon: Trash2,
       shouldRender: isOwner || isAdmin,
     },