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;