diff --git a/src/App.tsx b/src/App.tsx index d7212f304..828e507e9 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -25,8 +25,8 @@ import { HomePage } from './homePage/homePage.component'; import IMSThemeProvider from './imsThemeProvider.component'; import Items from './items/items.component'; import ItemsLandingPage from './items/itemsLandingPage.component'; -import ManufacturerContainer from './manufacturer/manufacturerContainer.component'; import ManufacturerLandingPage from './manufacturer/manufacturerLandingPage.component'; +import ManufacturerLayout from './manufacturer/manufacturerLayout.component'; import ManufacturerTable from './manufacturer/manufacturersTable.component'; import Preloader from './preloader/preloader.component'; import retryIMS_APIErrors from './retryIMS_APIErrors'; @@ -75,7 +75,6 @@ const router = createBrowserRouter([ { Component: Layout, children: [ - { path: paths.any, Component: ViewTabs }, { path: paths.root, Component: HomePage }, { path: paths.homepage, Component: HomePage }, { path: paths.admin, Component: AdminPage }, @@ -92,9 +91,9 @@ const router = createBrowserRouter([ { path: paths.systems, Component: Systems }, { path: paths.manufacturers, - Component: ManufacturerContainer, + Component: ManufacturerLayout, children: [ - { path: '', Component: ManufacturerTable }, + { index: true, Component: ManufacturerTable }, { path: paths.manufacturer, Component: ManufacturerLandingPage }, { path: '*', diff --git a/src/manufacturer/manufacturerContainer.component.test.tsx b/src/manufacturer/manufacturerLayout.component.test.tsx similarity index 91% rename from src/manufacturer/manufacturerContainer.component.test.tsx rename to src/manufacturer/manufacturerLayout.component.test.tsx index aacfc8d85..5be805d14 100644 --- a/src/manufacturer/manufacturerContainer.component.test.tsx +++ b/src/manufacturer/manufacturerLayout.component.test.tsx @@ -1,7 +1,7 @@ import { screen, waitFor } from '@testing-library/react'; import userEvent, { UserEvent } from '@testing-library/user-event'; import { renderComponentWithRouterProvider } from '../testUtils'; -import ManufacturerContainer from './manufacturerContainer.component'; +import ManufacturerLayout from './manufacturerLayout.component'; const mockedUseNavigate = vi.fn(); @@ -10,11 +10,11 @@ vi.mock('react-router-dom', async () => ({ useNavigate: () => mockedUseNavigate, })); -describe('Manufacturer Container', () => { +describe('Manufacturer Layout', () => { let user: UserEvent; const createView = (path: string, isLandingPage?: boolean) => { return renderComponentWithRouterProvider( - , + , isLandingPage ? 'manufacturer' : 'manufacturers', path ); diff --git a/src/manufacturer/manufacturerContainer.component.tsx b/src/manufacturer/manufacturerLayout.component.tsx similarity index 95% rename from src/manufacturer/manufacturerContainer.component.tsx rename to src/manufacturer/manufacturerLayout.component.tsx index a08dd02e6..057a0fe49 100644 --- a/src/manufacturer/manufacturerContainer.component.tsx +++ b/src/manufacturer/manufacturerLayout.component.tsx @@ -6,7 +6,7 @@ import { useGetManufacturer } from '../api/manufacturers'; import { paths } from '../App'; import Breadcrumbs from '../view/breadcrumbs.component'; -function ManufacturerContainer() { +function ManufacturerLayout() { const { manufacturer_id: manufacturerId } = useParams(); const { data: manufacturerData } = useGetManufacturer(manufacturerId); @@ -60,4 +60,4 @@ function ManufacturerContainer() { ); } -export default ManufacturerContainer; +export default ManufacturerLayout;