diff --git a/web/packages/studio/src/routes/AnonymizerJobDetailRoute/index.tsx b/web/packages/studio/src/routes/AnonymizerJobDetailRoute/index.tsx new file mode 100644 index 0000000000..1f21d049f2 --- /dev/null +++ b/web/packages/studio/src/routes/AnonymizerJobDetailRoute/index.tsx @@ -0,0 +1,29 @@ +// SPDX-FileCopyrightText: Copyright (c) 2025-2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. +// SPDX-License-Identifier: Apache-2.0 + +import { PageHeader, Stack, Text } from '@nvidia/foundations-react-core'; +import { AccessibleTitle } from '@studio/components/AccessibleTitle'; +import { ANONYMIZER_ENABLED } from '@studio/constants/environment'; +import { ROUTE_PARAMS } from '@studio/constants/routes'; +import { useBreadcrumbs } from '@studio/providers/breadcrumbs/useBreadcrumbs'; +import type { FC } from 'react'; +import { useParams } from 'react-router-dom'; + +export const AnonymizerJobDetailRoute: FC | null = ANONYMIZER_ENABLED + ? () => { + const { [ROUTE_PARAMS.anonymizerJobName]: jobName } = useParams(); + + useBreadcrumbs({ + items: [{ slotLabel: 'Anonymizer' }, { slotLabel: jobName ?? 'Job' }], + }); + + return ( + + + + Job details coming soon. + + + ); + } + : null; diff --git a/web/packages/studio/src/routes/groups/anonymizerRoutes.tsx b/web/packages/studio/src/routes/groups/anonymizerRoutes.tsx index 00fb640337..02e474f0e5 100644 --- a/web/packages/studio/src/routes/groups/anonymizerRoutes.tsx +++ b/web/packages/studio/src/routes/groups/anonymizerRoutes.tsx @@ -5,7 +5,7 @@ import { ErrorPanel } from '@studio/components/ErrorPanel'; import { ANONYMIZER_ENABLED } from '@studio/constants/environment'; import { ROUTES } from '@studio/constants/routes'; import { gateAnonymizerRoutes } from '@studio/routes/utils'; -import { FC, lazy } from 'react'; +import { lazy, type FC } from 'react'; import type { RouteObject } from 'react-router-dom'; const AnonymizerListRoute = @@ -22,6 +22,13 @@ const AnonymizerBuilderRoute = default: m.AnonymizerBuilderRoute as FC, })) ); +const AnonymizerJobDetailRoute = + ANONYMIZER_ENABLED && + lazy(() => + import('@studio/routes/AnonymizerJobDetailRoute').then((m) => ({ + default: m.AnonymizerJobDetailRoute as FC, + })) + ); export const anonymizerRoutes: RouteObject[] = gateAnonymizerRoutes([ { @@ -36,7 +43,7 @@ export const anonymizerRoutes: RouteObject[] = gateAnonymizerRoutes([ }, { path: ROUTES.workspace.anonymizerJob, - element: AnonymizerBuilderRoute ? : null, + element: AnonymizerJobDetailRoute ? : null, errorElement: , }, ]);