diff --git a/apps/client/src/features/base/components/views/kanban/base-kanban.tsx b/apps/client/src/features/base/components/views/kanban/base-kanban.tsx
index 66de3ec5e..2fa0fcb94 100644
--- a/apps/client/src/features/base/components/views/kanban/base-kanban.tsx
+++ b/apps/client/src/features/base/components/views/kanban/base-kanban.tsx
@@ -1,6 +1,7 @@
import { useCallback, useMemo } from "react";
import { Badge } from "@mantine/core";
import { IconPlus } from "@tabler/icons-react";
+import { useTranslation } from "react-i18next";
import {
IBase,
IBaseRow,
@@ -36,6 +37,7 @@ export function BaseKanban({
effectiveView,
onCardClick,
}: BaseKanbanProps) {
+ const { t } = useTranslation();
const groupByPropertyId = effectiveView?.config?.groupByPropertyId;
const property = useMemo(
() =>
@@ -211,13 +213,13 @@ export function BaseKanban({
return hiddenIds
.map((id) =>
id === NO_VALUE_CHOICE_ID
- ? { id, name: "No value", color: null as string | null }
+ ? { id, name: t("No value"), color: null as string | null }
: byId.get(id)
? { id, name: byId.get(id)!.name, color: byId.get(id)!.color as string | null }
: null,
)
.filter((c): c is { id: string; name: string; color: string | null } => c !== null);
- }, [hiddenIds, isGroupable, property]);
+ }, [hiddenIds, isGroupable, property, t]);
if (!isGroupable) {
return ;
@@ -226,13 +228,13 @@ export function BaseKanban({
return (
<>
{hiddenChoices.length > 0 && (
-
+
{hiddenChoices.map((c) => (
handleShowColumn(c.id)}
rightSection={}
>
diff --git a/apps/client/src/features/base/components/views/kanban/kanban-column-header.tsx b/apps/client/src/features/base/components/views/kanban/kanban-column-header.tsx
index a44708bb7..bd6607728 100644
--- a/apps/client/src/features/base/components/views/kanban/kanban-column-header.tsx
+++ b/apps/client/src/features/base/components/views/kanban/kanban-column-header.tsx
@@ -50,7 +50,7 @@ export function KanbanColumnHeader({