move manifest features to separate directories and use dynamic import…

… to implement code splitting

client/src/features/manifestDetails/index.ts

@@ -0,0 +1,3 @@
+import { ManifestDetails as Component } from './ManifestDetails';
+
+export { Component };

client/src/features/manifest/NewManifest.spec.tsx → client/src/features/manifestList/NewManifest.spec.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
 import userEvent from '@testing-library/user-event';
-import { NewManifest } from 'features/manifest/NewManifest';
+import { NewManifest } from 'features/newManifest/NewManifest';
 import React from 'react';
 import { renderWithProviders, screen } from 'test-utils';
 import { createMockPermission, createMockSite } from 'test-utils/fixtures/mockHandler';

client/src/features/manifestList/index.ts

@@ -0,0 +1,3 @@
+import { ManifestList as Component } from './ManifestList';
+
+export { Component };

client/src/features/newManifest/index.ts

@@ -0,0 +1,3 @@
+import { NewManifest as Component } from './NewManifest';
+
+export { Component };

client/src/routes.tsx

@@ -1,8 +1,8 @@
 import { Root } from 'components/Layout/Root';
 import { Login } from 'features/login';
-import { ManifestDetails } from 'features/manifest/ManifestDetails';
-import { ManifestList } from 'features/manifest/ManifestList';
-import { NewManifest } from 'features/manifest/NewManifest';
+import { ManifestDetails } from 'features/manifestDetails/ManifestDetails';
+import { ManifestList } from 'features/manifestList/ManifestList';
+import { NewManifest } from 'features/newManifest/NewManifest';
 import { createBrowserRouter } from 'react-router-dom';
 
 export const router = createBrowserRouter([
@@ -40,15 +40,15 @@ export const router = createBrowserRouter([
             children: [
               {
                 path: '',
-                element: <ManifestList />,
+                lazy: () => import('./features/manifestList'),
               },
               {
                 path: 'new',
-                element: <NewManifest />,
+                lazy: () => import('./features/newManifest'),
               },
               {
                 path: ':mtn/:action',
-                element: <ManifestDetails />,
+                lazy: () => import('./features/manifestDetails'),
               },
             ],
           },
@@ -59,15 +59,15 @@ export const router = createBrowserRouter([
         children: [
           {
             path: '',
-            element: <ManifestList />,
+            lazy: () => import('./features/manifestList'),
           },
           {
             path: 'new',
-            element: <NewManifest />,
+            lazy: () => import('./features/newManifest'),
           },
           {
             path: ':mtn/:action',
-            element: <ManifestDetails />,
+            lazy: () => import('./features/manifestDetails'),
           },
         ],
       },