Localize shared modal, overlay and deployment-progress components.

Localize the confirm modal, delete button, deleting overlays/modal, the
build-progress modal, deployment progress bar/manager and the resource
upgrade modal via a shared components dictionary. Build-phase labels now
resolve from the dictionary; deleting overlays take name/kind and build
their own localized message (callers updated).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
keyhan
2026-06-11 13:23:44 +03:30
parent f8ee1ca168
commit e99ab789ba
14 changed files with 205 additions and 86 deletions
@@ -3,6 +3,7 @@
import { useEffect, useMemo } from 'react';
import { usePathname } from 'next/navigation';
import { useQuery, useQueries, keepPreviousData } from '@tanstack/react-query';
import { useT } from '@/i18n/I18nProvider';
import api from '@/lib/api';
import type { Application } from '@/types';
import { useAuthStore } from '@/lib/store';
@@ -41,6 +42,7 @@ function stubAppFromTrack(appId: string, appName: string): Application {
}
export function DeploymentProgressManager() {
const t = useT();
const isAuthenticated = useAuthStore((s) => s.isAuthenticated);
const pathname = usePathname();
const { minimized, focusedAppId, tracked, minimize, expand, stopTracking } =
@@ -143,7 +145,7 @@ export function DeploymentProgressManager() {
const focusedProgress =
focusedItem?.progress ??
({ phase: 'building', percent: 0, message: 'Starting deployment…' } satisfies BuildProgress);
({ phase: 'building', percent: 0, message: t.components.startingDeployment } satisfies BuildProgress);
const showModal =
!minimized &&