diff --git a/apps/backoffice-v2/src/Router/Router.tsx b/apps/backoffice-v2/src/Router/Router.tsx index be3bea7696..de8ada7675 100644 --- a/apps/backoffice-v2/src/Router/Router.tsx +++ b/apps/backoffice-v2/src/Router/Router.tsx @@ -1,28 +1,31 @@ -import React, { FunctionComponent } from 'react'; -import { env } from '@/common/env/env'; -import { createBrowserRouter, RouterProvider } from 'react-router-dom'; -import { RootError } from '@/pages/Root/Root.error'; -import { Root } from '@/pages/Root/Root.page'; -import { SignIn } from '@/pages/SignIn/SignIn.page'; -import { Entity } from '@/pages/Entity/Entity.page'; -import { Entities } from '@/pages/Entities/Entities.page'; import { RouteError } from '@/common/components/atoms/RouteError/RouteError'; -import { CaseManagement } from '@/pages/CaseManagement/CaseManagement.page'; -import { rootLoader } from '@/pages/Root/Root.loader'; -import { entitiesLoader } from '@/pages/Entities/Entities.loader'; -import { authenticatedLayoutLoader } from '@/domains/auth/components/AuthenticatedLayout/AuthenticatedLayout.loader'; -import { entityLoader } from '@/pages/Entity/Entity.loader'; +import { env } from '@/common/env/env'; import { AuthenticatedLayout } from '@/domains/auth/components/AuthenticatedLayout'; +import { authenticatedLayoutLoader } from '@/domains/auth/components/AuthenticatedLayout/AuthenticatedLayout.loader'; import { UnauthenticatedLayout } from '@/domains/auth/components/UnauthenticatedLayout'; -import { Locale } from '@/pages/Locale/Locale.page'; import { unauthenticatedLayoutLoader } from '@/domains/auth/components/UnauthenticatedLayout/UnauthenticatedLayout.loader'; +import { Businesses } from '@/pages/Businesses/Businesses'; +import { BusinessesAlerts } from '@/pages/BusinessesAlerts/BusinessesAlerts.page'; +import { BusinessesAlertsAnalysisPage } from '@/pages/BusinessesAlertsAnalysis/BusinessesAlertsAnalysis.page'; +import { CaseManagement } from '@/pages/CaseManagement/CaseManagement.page'; import { Document } from '@/pages/Document/Document.page'; +import { entitiesLoader } from '@/pages/Entities/Entities.loader'; +import { Entities } from '@/pages/Entities/Entities.page'; +import { entityLoader } from '@/pages/Entity/Entity.loader'; +import { Entity } from '@/pages/Entity/Entity.page'; +import { Locale } from '@/pages/Locale/Locale.page'; import { NotFoundRedirect } from '@/pages/NotFound/NotFound'; -import { TransactionMonitoringAlerts } from '@/pages/TransactionMonitoringAlerts/TransactionMonitoringAlerts.page'; +import { Individuals } from '@/pages/Profiles/Individuals/Individuals.page'; +import { Profiles } from '@/pages/Profiles/Profiles.page'; +import { RootError } from '@/pages/Root/Root.error'; +import { rootLoader } from '@/pages/Root/Root.loader'; +import { Root } from '@/pages/Root/Root.page'; +import { SignIn } from '@/pages/SignIn/SignIn.page'; import { TransactionMonitoring } from '@/pages/TransactionMonitoring/TransactionMonitoring'; +import { TransactionMonitoringAlerts } from '@/pages/TransactionMonitoringAlerts/TransactionMonitoringAlerts.page'; import { TransactionMonitoringAlertsAnalysisPage } from '@/pages/TransactionMonitoringAlertsAnalysis/TransactionMonitoringAlertsAnalysis.page'; -import { Profiles } from '@/pages/Profiles/Profiles.page'; -import { Individuals } from '@/pages/Profiles/Individuals/Individuals.page'; +import { FunctionComponent } from 'react'; +import { RouterProvider, createBrowserRouter } from 'react-router-dom'; const router = createBrowserRouter([ { @@ -121,6 +124,25 @@ const router = createBrowserRouter([ }, ], }, + { + path: '/:locale/businesses', + element: , + errorElement: , + children: [ + { + path: '/:locale/businesses/alerts', + element: , + errorElement: , + children: [ + { + path: '/:locale/businesses/alerts/:alertId', + element: , + errorElement: , + }, + ], + }, + ], + }, ], }, ], diff --git a/apps/backoffice-v2/src/common/components/atoms/MultiSelect/MultiSelect.tsx b/apps/backoffice-v2/src/common/components/atoms/MultiSelect/MultiSelect.tsx index 02c64a0242..b9485e6289 100644 --- a/apps/backoffice-v2/src/common/components/atoms/MultiSelect/MultiSelect.tsx +++ b/apps/backoffice-v2/src/common/components/atoms/MultiSelect/MultiSelect.tsx @@ -1,4 +1,4 @@ -import { ReactNode, useCallback, useState } from 'react'; +import { Separator } from '@/common/components/atoms/Separator/Separator'; import { Badge, Button, @@ -15,7 +15,7 @@ import { PopoverTrigger, } from '@ballerine/ui'; import { CheckIcon, PlusCircledIcon } from '@radix-ui/react-icons'; -import { Separator } from '@/common/components/atoms/Separator/Separator'; +import { ReactNode, useCallback, useState } from 'react'; interface IMultiSelectProps< TOption extends { @@ -63,7 +63,7 @@ export const MultiSelect = <