-
+
{error && (
@@ -74,7 +80,7 @@ function SaveViewForm({
disabled={saving}
onClick={onClose}
>
- Cancel
+ {t("common:cancel")}
diff --git a/apps/web/components/azure-devops/azure-devops-work-item-detail.tsx b/apps/web/components/azure-devops/azure-devops-work-item-detail.tsx
index e05c3c8b6a..c14a6f7021 100644
--- a/apps/web/components/azure-devops/azure-devops-work-item-detail.tsx
+++ b/apps/web/components/azure-devops/azure-devops-work-item-detail.tsx
@@ -27,6 +27,7 @@ import type {
AzureDevOpsWorkItem,
} from "@/lib/types/azure-devops";
import { markdownComponents, remarkPlugins } from "@/components/shared/markdown-components";
+import { useTranslation } from "react-i18next";
type BoardContext = {
board: AzureDevOpsBoard;
@@ -50,17 +51,24 @@ type Props = {
onStartTask?: (item: AzureDevOpsWorkItem, action?: AzureDevOpsActionPreset) => void;
};
-export function azureDevOpsDetailFields(item: AzureDevOpsWorkItem): Array<[string, string]> {
+export function azureDevOpsDetailFields(
+ item: AzureDevOpsWorkItem,
+ t: (key: string, values?: Record) => string,
+): Array<[string, string]> {
+ // Row labels are copy; the values are provider data, with copy fallbacks when
+ // Azure DevOps returns nothing.
return [
- ["Type", item.type || "Work item"],
- ["State", item.state || "Unknown"],
- ["Assignee", item.assignedTo || "Unassigned"],
- ...(item.areaPath ? [["Area", item.areaPath] as [string, string]] : []),
+ [t("azuredevops:fieldType"), item.type || t("azuredevops:fallbackWorkItem")],
+ [t("azuredevops:fieldState"), item.state || t("azuredevops:fallbackUnknown")],
+ [t("azuredevops:fieldAssignee"), item.assignedTo || t("azuredevops:fallbackUnassigned")],
+ ...(item.areaPath ? [[t("azuredevops:fieldArea"), item.areaPath] as [string, string]] : []),
];
}
function Description({ value }: { value: string }) {
- if (!value.trim()) return No description.
;
+ const { t } = useTranslation();
+ if (!value.trim())
+ return {t("azuredevops:noDescription")}
;
return (
void;
}) {
+ const { t } = useTranslation();
return (
{assignedTo && (
)}
@@ -128,6 +137,7 @@ function BoardActions({
columnDone?: boolean,
) => Promise
;
}) {
+ const { t } = useTranslation();
const [currentItem, setCurrentItem] = useState(context.item);
const [columnId, setColumnId] = useState(context.item.columnId);
const [columnDone, setColumnDone] = useState(context.item.columnDone);
@@ -139,7 +149,7 @@ function BoardActions({
const selected = context.board.columns.find((column) => column.id === columnId);
return (
-
+
)}
@@ -183,7 +193,7 @@ function BoardActions({
})
}
>
- Move
+ {t("azuredevops:move")}
-
+
{actions.map((action) => (
@@ -285,7 +297,7 @@ function DetailBody({
)}
- {azureDevOpsDetailFields(item).map(([label, value]) => (
+ {azureDevOpsDetailFields(item, t).map(([label, value]) => (
{label}
{value}
@@ -302,12 +314,12 @@ function DetailBody({
)}
- Description
+ {t("azuredevops:description")}
{planningFields.length > 0 && (
- Planning and effort
+ {t("azuredevops:planningAndEffort")}
{planningFields.map((field) => (
@@ -319,7 +331,7 @@ function DetailBody({
)}
- Assignment
+ {t("azuredevops:assignment")}
-
Discussion
+ {t("azuredevops:discussion")}
{state.commentsError && {state.commentsError}
}
{state.comments.map((comment) => (
- {comment.author.displayName || comment.author.uniqueName || "Azure DevOps"}
+ {comment.author.displayName ||
+ comment.author.uniqueName ||
+ t("azuredevops:fallbackAuthor")}
{comment.content}
@@ -381,20 +395,22 @@ function DetailBody({
onClick={state.loadOlderComments}
disabled={state.commentsLoading}
>
- {state.commentsLoading ? "Loading…" : "Load older discussion"}
+ {state.commentsLoading
+ ? t("azuredevops:loading2")
+ : t("azuredevops:loadOlderDiscussion")}
)}
{!state.commentsLoading && !state.commentsError && state.comments.length === 0 && (
- No discussion yet.
+ {t("azuredevops:noDiscussionYet")}
)}
- Linked Kandev tasks
+ {t("azuredevops:linkedKandevTasks")}
{state.linkedTasksLoading && (
- Loading linked tasks…
+ {t("azuredevops:loadingLinkedTasks")}
)}
{!state.linkedTasksLoading && state.linkedTasks.length === 0 && (
- No linked tasks.
+ {t("azuredevops:noLinkedTasks")}
)}
{state.linkedTasks.map((task) => (
@@ -417,9 +433,10 @@ export function AzureDevOpsWorkItemDetail({
quickActions = [],
onStartTask,
}: Props) {
+ const { t } = useTranslation();
const { isMobile } = useResponsiveBreakpoint();
const state = useAzureDevOpsWorkItemDetail(workspaceId, projectId, initialItem, open);
- const title = state.item?.title ?? initialItem?.title ?? "Work item";
+ const title = state.item?.title ?? initialItem?.title ?? t("azuredevops:fallbackWorkItem");
const header = (
@@ -443,7 +460,7 @@ export function AzureDevOpsWorkItemDetail({
href={state.item?.webUrl ?? initialItem?.webUrl}
target="_blank"
rel="noreferrer"
- aria-label="Open work item in Azure DevOps"
+ aria-label={t("azuredevops:openWorkItemInAzureDevops2")}
>
@@ -454,7 +471,7 @@ export function AzureDevOpsWorkItemDetail({
variant="ghost"
size="icon"
className="min-h-11 min-w-11 cursor-pointer"
- aria-label="Close work item details"
+ aria-label={t("azuredevops:closeWorkItemDetails")}
data-testid="azure-work-item-detail-close"
onClick={() => onOpenChange(false)}
>
@@ -491,7 +508,7 @@ export function AzureDevOpsWorkItemDetail({
{title}
- Azure DevOps work-item details
+ {t("azuredevops:azureDevopsWorkItemDetails")}
{header}
diff --git a/apps/web/components/integrations/auth-error-message.tsx b/apps/web/components/integrations/auth-error-message.tsx
index 717efc964d..a0e97bdfef 100644
--- a/apps/web/components/integrations/auth-error-message.tsx
+++ b/apps/web/components/integrations/auth-error-message.tsx
@@ -3,6 +3,7 @@
import Link from "@/components/routing/app-link";
import { IconLockExclamation } from "@tabler/icons-react";
import { Button } from "@kandev/ui/button";
+import { useTranslation } from "react-i18next";
// Drops support URLs upstream APIs sometimes inline into error response
// bodies — they're noise once the user has a clear CTA. Shared because both
@@ -43,17 +44,20 @@ export function IntegrationAuthErrorMessage({
authErrorBody,
compact,
}: IntegrationAuthErrorMessageProps) {
+ const { t } = useTranslation();
const isAuth = isAuthError(error);
if (compact) {
return (
- {isAuth ? `${name} authentication required.` : cleanIntegrationErrorMessage(error)}
+ {isAuth
+ ? t("integrations:authRequiredInline", { name })
+ : cleanIntegrationErrorMessage(error)}
{isAuth && (
)}
@@ -66,11 +70,13 @@ export function IntegrationAuthErrorMessage({
<>
-
{name} authentication required
+
+ {t("integrations:authRequiredHeading", { name })}
+
{authErrorBody}
) : (
diff --git a/apps/web/components/jira/jira-import-bar.tsx b/apps/web/components/jira/jira-import-bar.tsx
index 4b9800a044..565e95ec76 100644
--- a/apps/web/components/jira/jira-import-bar.tsx
+++ b/apps/web/components/jira/jira-import-bar.tsx
@@ -6,6 +6,7 @@ import type { JiraTicket } from "@/lib/types/jira";
import { JIRA_KEY_RE } from "./jira-ticket-common";
import { useJiraAvailable } from "@/hooks/domains/jira/use-jira-availability";
import { ValidatedPopover } from "@/components/integrations/validated-popover";
+import { useTranslation } from "react-i18next";
type JiraImportBarProps = {
workspaceId: string | null;
@@ -14,6 +15,7 @@ type JiraImportBarProps = {
};
export function JiraImportBar({ workspaceId, disabled, onImport }: JiraImportBarProps) {
+ const { t } = useTranslation();
const available = useJiraAvailable(workspaceId);
if (!available || !workspaceId) return null;
@@ -21,19 +23,19 @@ export function JiraImportBar({ workspaceId, disabled, onImport }: JiraImportBar
}
- triggerAriaLabel="Import from Jira"
+ triggerAriaLabel={t("jira:importFromJira")}
triggerDisabled={disabled}
testIdPrefix="jira-import"
- tooltip="Import from Jira ticket URL or key"
+ tooltip={t("jira:importFromJiraTicketUrlOr")}
align="start"
- headline="Import Jira ticket"
- placeholder="PROJ-123 or paste ticket URL"
+ headline={t("jira:importJiraTicket")}
+ placeholder={t("jira:proj123OrPasteTicketUrl")}
extractKey={(raw) => raw.toUpperCase().match(JIRA_KEY_RE)?.[0] ?? null}
- validationHint="Paste a Jira ticket URL or key (PROJ-123)"
+ validationHint={t("jira:pasteAJiraTicketUrlOr")}
fetch={(key) => getJiraTicket(key, { workspaceId })}
onSuccess={(_key, ticket) => onImport(ticket)}
- submitLabel="Import"
- submittingLabel="Loading..."
+ submitLabel={t("jira:import")}
+ submittingLabel={t("jira:loading")}
/>
);
}
diff --git a/apps/web/components/jira/jira-ticket-button.tsx b/apps/web/components/jira/jira-ticket-button.tsx
index 593eeed1b1..3885da3a82 100644
--- a/apps/web/components/jira/jira-ticket-button.tsx
+++ b/apps/web/components/jira/jira-ticket-button.tsx
@@ -6,6 +6,7 @@ import { Button } from "@kandev/ui/button";
import { Tooltip, TooltipContent, TooltipTrigger } from "@kandev/ui/tooltip";
import { JiraTicketDialog } from "./jira-ticket-dialog";
import { extractJiraKey } from "./jira-ticket-common";
+import { useTranslation } from "react-i18next";
export { extractJiraKey };
@@ -17,6 +18,7 @@ type JiraTicketButtonProps = {
// JiraTicketButton sits in the task top bar. It extracts a Jira key from the
// task title and opens a full ticket dialog on click.
export function JiraTicketButton({ workspaceId, taskTitle }: JiraTicketButtonProps) {
+ const { t } = useTranslation();
const ticketKey = extractJiraKey(taskTitle);
const [open, setOpen] = useState(false);
@@ -36,7 +38,9 @@ export function JiraTicketButton({ workspaceId, taskTitle }: JiraTicketButtonPro
{ticketKey}
-
Open Jira ticket {ticketKey}
+
+ {t("jira:openJiraTicket")} {ticketKey}
+
Unassigned;
+ const { t } = useTranslation();
+ if (!name) return {t("jira:unassigned")};
return (
<>
@@ -160,13 +162,14 @@ type JiraErrorMessageProps = {
};
export function JiraErrorMessage({ error, compact }: JiraErrorMessageProps) {
+ const { t } = useTranslation();
return (
);
diff --git a/apps/web/components/jira/jira-ticket-dialog.tsx b/apps/web/components/jira/jira-ticket-dialog.tsx
index a4002e2051..73f4d0b12a 100644
--- a/apps/web/components/jira/jira-ticket-dialog.tsx
+++ b/apps/web/components/jira/jira-ticket-dialog.tsx
@@ -21,6 +21,7 @@ import {
type TicketState,
} from "./jira-ticket-common";
import type { JiraTaskPreset } from "./my-jira/presets";
+import { useTranslation } from "react-i18next";
type JiraTicketDialogProps = {
open: boolean;
@@ -35,8 +36,12 @@ type JiraTicketDialogProps = {
onStartTask?: (ticket: JiraTicket, preset: JiraTaskPreset) => void;
};
-function dialogTitle(ticket: JiraTicket | null, ticketKey: string | null | undefined): string {
- return ticket?.summary ?? ticketKey ?? "Jira ticket";
+function dialogTitle(
+ ticket: JiraTicket | null,
+ ticketKey: string | null | undefined,
+ t: (key: string, values?: Record) => string,
+): string {
+ return ticket?.summary ?? ticketKey ?? t("jira:fallbackTicket");
}
function effectiveTicketKey(
@@ -55,6 +60,7 @@ export function JiraTicketDialog({
presets,
onStartTask,
}: JiraTicketDialogProps) {
+ const { t } = useTranslation();
const enabled = open && !!workspaceId && !!ticketKey;
const state = useTicketState(workspaceId ?? "", ticketKey ?? "", enabled);
const ticket = state.ticket ?? initialTicket ?? null;
@@ -65,7 +71,7 @@ export function JiraTicketDialog({
return (