IO-3255 Initial parts management changes.

client/src/App/App.jsx

@@ -12,6 +12,7 @@ import LoadingSpinner from "../components/loading-spinner/loading-spinner.compon
 import DisclaimerPage from "../pages/disclaimer/disclaimer.page";
 import LandingPage from "../pages/landing/landing.page";
 import TechPageContainer from "../pages/tech/tech.page.container";
+import SimplifiedPartsPageContainer from "../pages/simplified-parts/simplified-parts.page.container.jsx";
 import { setOnline } from "../redux/application/application.actions";
 import { selectOnline } from "../redux/application/application.selectors";
 import { checkUserSession } from "../redux/user/user.actions";
@@ -28,7 +29,6 @@ const ResetPassword = lazy(() => import("../pages/reset-password/reset-password.
 const ManagePage = lazy(() => import("../pages/manage/manage.page.container"));
 const SignInPage = lazy(() => import("../pages/sign-in/sign-in.page"));
 const CsiPage = lazy(() => import("../pages/csi/csi.container.page"));
-const MobilePaymentContainer = lazy(() => import("../pages/mobile-payment/mobile-payment.container"));
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
@@ -188,14 +188,6 @@ export function App({ bodyshop, checkUserSession, currentUser, online, setOnline
               </ErrorBoundary>
             }
           />
-          <Route
-            path="/mp/:paymentIs"
-            element={
-              <ErrorBoundary>
-                <MobilePaymentContainer />
-              </ErrorBoundary>
-            }
-          />
           <Route
             path="/manage/*"
             element={
@@ -220,6 +212,18 @@ export function App({ bodyshop, checkUserSession, currentUser, online, setOnline
           >
             <Route path="*" element={<TechPageContainer />} />
           </Route>
+          <Route
+            path="/parts/*"
+            element={
+              <ErrorBoundary>
+                <SocketProvider bodyshop={bodyshop} navigate={navigate} currentUser={currentUser}>
+                  <PrivateRoute isAuthorized={currentUser.authorized} />
+                </SocketProvider>
+              </ErrorBoundary>
+            }
+          >
+            <Route path="*" element={<SimplifiedPartsPageContainer />} />
+          </Route>
           <Route path="/edit/*" element={<PrivateRoute isAuthorized={currentUser.authorized} />}>
             <Route path="*" element={<DocumentEditorContainer />} />
           </Route>

client/src/App/App.styles.scss

@@ -190,3 +190,7 @@
     margin-right: 0;
   }
 }
+
+.content-container {
+  padding: 1rem;
+}