editor.chain().focus().toggleBold().run()}
pressed={state.isBold}
shortcut={shortcutFor('B')}
@@ -278,7 +280,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
editor.chain().focus().toggleItalic().run()}
pressed={state.isItalic}
shortcut={shortcutFor('I')}
@@ -287,7 +289,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
editor.chain().focus().toggleStrike().run()}
pressed={state.isStrike}
>
@@ -295,7 +297,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
editor.chain().focus().toggleCode().run()}
pressed={state.isCode}
>
@@ -344,7 +346,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
>
editor.chain().focus().toggleBlockquote().run()}
pressed={state.isBlockquote}
>
@@ -352,7 +354,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
editor.chain().focus().toggleCodeBlock().run()}
pressed={state.isCodeBlock}
>
@@ -364,7 +366,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
/>
editor.chain().focus().setHorizontalRule().run()}
>
@@ -378,7 +380,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
editor.chain().focus().unsetAllMarks().clearNodes().run()}
>
@@ -396,7 +398,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
>
editor.chain().focus().undo().run()}
shortcut={shortcutFor('Z')}
>
@@ -404,7 +406,7 @@ export const MarkdownEditorToolbar = memo(function MarkdownEditorToolbar({
editor.chain().focus().redo().run()}
shortcut={shiftShortcutFor('Z')}
>
diff --git a/frontend/src/components/shared/markdown-editor/markdown-editor-view-mode.tsx b/frontend/src/components/shared/markdown-editor/markdown-editor-view-mode.tsx
index c98669297..0511bd988 100644
--- a/frontend/src/components/shared/markdown-editor/markdown-editor-view-mode.tsx
+++ b/frontend/src/components/shared/markdown-editor/markdown-editor-view-mode.tsx
@@ -1,6 +1,7 @@
import { SquareMenu, Type } from 'lucide-react';
import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { useI18n } from '@/hooks/use-i18n';
// 'rich' reflows whitespace on save (tiptap); 'raw' is a byte-exact textarea over the source.
export type EditorViewMode = 'raw' | 'rich';
@@ -13,6 +14,8 @@ interface EditorViewModeToggleProps {
}
export function EditorViewModeToggle({ className, mode, onModeChange, rawTooltip }: EditorViewModeToggleProps) {
+ const { t } = useI18n();
+
return (
(value);
@@ -189,7 +192,7 @@ function useMarkdownEditor({
// plugin regardless; keeping it out of the deps makes that explicit and stops rebuilding the whole
// extension array on every placeholder change.
// eslint-disable-next-line react-hooks/exhaustive-deps
- const extensions = useMemo(() => createMarkdownExtensions(placeholder), []);
+ const extensions = useMemo(() => createMarkdownExtensions(resolvedPlaceholder), []);
const editor = useEditor({
content: initialContent,
diff --git a/frontend/src/components/shared/overwrite/overwrite-dialog.tsx b/frontend/src/components/shared/overwrite/overwrite-dialog.tsx
index ab91f4e65..18a246532 100644
--- a/frontend/src/components/shared/overwrite/overwrite-dialog.tsx
+++ b/frontend/src/components/shared/overwrite/overwrite-dialog.tsx
@@ -1,6 +1,8 @@
import { Replace } from 'lucide-react';
import ConfirmationDialog from '@/components/shared/confirmation-dialog';
+import { useI18n } from '@/hooks/use-i18n';
+import i18n from '@/i18n/config';
export interface OverwriteConflict {
destination: string;
@@ -36,17 +38,21 @@ const buildDefaultDescription = (conflicts: OverwriteConflict[]): string | undef
const single = conflicts.length === 1 ? conflicts[0] : undefined;
if (single) {
- return `An item named "${single.destinationName}" already exists at /${single.destination}. Do you want to replace it?`;
+ return i18n.t('overwrite.singleConflictDescription', {
+ destination: single.destination,
+ name: single.destinationName,
+ });
}
if (conflicts.length > 1) {
- return `${conflicts.length} items already exist at the destination. Do you want to replace all of them?`;
+ return i18n.t('overwrite.batchConflictDescription', { count: conflicts.length });
}
return undefined;
};
-const buildDefaultConfirmText = (count: number): string => (count > 1 ? 'Replace all' : 'Replace');
+const buildDefaultConfirmText = (count: number): string =>
+ count > 1 ? i18n.t('overwrite.replaceAll') : i18n.t('overwrite.replace');
/**
* Shared "Replace or cancel" confirmation for destructive overwrite flows
@@ -63,11 +69,13 @@ export function OverwriteDialog({
description,
onCancel,
onReplaceAll,
- title = 'Replace existing item?',
+ title,
}: OverwriteDialogProps) {
+ const { t } = useI18n();
+
return (
}
confirmText={confirmText ?? buildDefaultConfirmText(conflicts.length)}
confirmVariant="destructive"
@@ -81,7 +89,7 @@ export function OverwriteDialog({
}
}}
isOpen={conflicts.length > 0}
- title={title}
+ title={title ?? t('overwrite.replaceTitle')}
/>
);
}
diff --git a/frontend/src/components/shared/route-error-boundary.tsx b/frontend/src/components/shared/route-error-boundary.tsx
index 75f3d50c9..555ba723b 100644
--- a/frontend/src/components/shared/route-error-boundary.tsx
+++ b/frontend/src/components/shared/route-error-boundary.tsx
@@ -4,6 +4,7 @@ import { useRouteError } from 'react-router-dom';
import { Button } from '@/components/ui/button';
import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty';
+import { useI18n } from '@/hooks/use-i18n';
import { isChunkLoadError, isDomDesyncError, reloadOnce } from '@/lib/chunk-reload';
/**
@@ -14,6 +15,7 @@ import { isChunkLoadError, isDomDesyncError, reloadOnce } from '@/lib/chunk-relo
* desync from browser auto-translation) — both shown as a recoverable card.
*/
function RouteErrorBoundary() {
+ const { t } = useI18n();
const error = useRouteError();
const isChunk = isChunkLoadError(error);
const isDesync = isDomDesyncError(error);
@@ -34,13 +36,13 @@ function RouteErrorBoundary() {
- Something went wrong
+ {t('errors.somethingWentWrong')}
{isChunk
- ? 'A new version was likely just deployed. Reloading will load the latest one.'
+ ? t('errors.chunkLoadError')
: isDesync
- ? 'The page hit a display glitch. Reloading usually clears it.'
- : 'The page ran into an unexpected error. Reloading usually clears it.'}
+ ? t('errors.domDesyncError')
+ : t('errors.unexpectedError')}
@@ -48,7 +50,7 @@ function RouteErrorBoundary() {
onClick={() => window.location.reload()}
variant="secondary"
>
- Reload
+ {t('common.reload')}
diff --git a/frontend/src/components/shared/unsaved-changes/unsaved-changes-dialog.tsx b/frontend/src/components/shared/unsaved-changes/unsaved-changes-dialog.tsx
index 472d0b313..82f8c11ba 100644
--- a/frontend/src/components/shared/unsaved-changes/unsaved-changes-dialog.tsx
+++ b/frontend/src/components/shared/unsaved-changes/unsaved-changes-dialog.tsx
@@ -12,6 +12,7 @@ import {
DialogTitle,
} from '@/components/ui/dialog';
import { Spinner } from '@/components/ui/spinner';
+import { useI18n } from '@/hooks/use-i18n';
export interface UnsavedChangesDialogProps {
/** When `false`, the "Save & leave" button is disabled (e.g. form is invalid). */
@@ -32,8 +33,8 @@ export interface UnsavedChangesDialogProps {
function UnsavedChangesDialog({
canSave,
- description = 'You have unsaved changes on this page. Would you like to save them before leaving?',
- discardText = 'Discard',
+ description,
+ discardText,
handleCancel,
handleDiscard,
handleOpenChange,
@@ -41,9 +42,15 @@ function UnsavedChangesDialog({
isOpen,
isSavingFromDialog,
saveIcon = ,
- saveText = 'Save',
- title = 'Unsaved changes',
+ saveText,
+ title,
}: UnsavedChangesDialogProps) {
+ const { t } = useI18n();
+ const resolvedDescription = description ?? t('unsavedChanges.description');
+ const resolvedDiscardText = discardText ?? t('unsavedChanges.discardChanges');
+ const resolvedSaveText = saveText ?? t('common.save');
+ const resolvedTitle = title ?? t('unsavedChanges.title');
+
return (
- {totalRows > 0 ? (
- <>
- Showing {rangeStart}–{rangeEnd} of {totalRows}
-
- ) : empty?.entityName ? (
- `No ${empty.entityName}`
- ) : (
- 'No results'
- )}
+ {totalRows > 0
+ ? t('common.showingRange', { end: rangeEnd, start: rangeStart, total: totalRows })
+ : empty?.entityName
+ ? t('common.noEntity', { entity: empty.entityName })
+ : t('common.noResultsPlain')}
- Rows per page
+ {t('common.rowsPerPage')}
{pageCount > 0 ? (
- Page {safePageIndex + 1} of {pageCount}
+ {t('common.pageOf', { page: safePageIndex + 1, pageCount })}
) : (
({
)}