How to add web page in React with Stores and Routes - cniackz/public GitHub Wiki

https://github.com/miniohq/release-manager/pull/11

  • Added Enterprise in the Store reducers:
$ git diff web-app/src/app/store.ts
diff --git a/web-app/src/app/store.ts b/web-app/src/app/store.ts
index e859c8b..77bd457 100644
--- a/web-app/src/app/store.ts
+++ b/web-app/src/app/store.ts
@@ -2,10 +2,13 @@ import { Action, configureStore, ThunkAction } from "@reduxjs/toolkit";
 import counterReducer from "../features/counter/counterSlice";
 import loginReducer from "../screens/login/loginSlice";
 import releasesReducer from "../screens/Releases/releasesSlice";
+import enterpriseReducer from "../screens/Enterprise/releasesSlice";
 import systemReducer from "../screens/systemSlice";
 import setupSetup from "../screens/Setup/setupSlice";
 import getReleaseReducer from "../screens/Releases/ReleaseDetails/releaseDetailsSlice";
+import getEnterpriseReducer from "../screens/Enterprise/ReleaseDetails/releaseDetailsSlice";
 import releaseChangesReducer from "../screens/Releases/ReleaseDetails/ReleaseChanges/releaseChangesSlice";
+import enterpriseChangesReducer from "../screens/Enterprise/ReleaseDetails/ReleaseChanges/releaseChangesSlice";
 
 export const store = configureStore({
   reducer: {
@@ -13,8 +16,11 @@ export const store = configureStore({
     counter: counterReducer,
     login: loginReducer,
     releases: releasesReducer,
+    enterprise: enterpriseReducer,
     getRelease: getReleaseReducer,
+    getEnterprise: getEnterpriseReducer,
     releaseChanges: releaseChangesReducer,
+    enterpriseChanges: enterpriseChangesReducer,
     setup: setupSetup,
   },
 });
  • Added Routes in app routes:
$ git diff web-app/src/screens/app/AppRoutes.tsx
diff --git a/web-app/src/screens/app/AppRoutes.tsx b/web-app/src/screens/app/AppRoutes.tsx
index 71da2f3..d213297 100644
--- a/web-app/src/screens/app/AppRoutes.tsx
+++ b/web-app/src/screens/app/AppRoutes.tsx
@@ -1,13 +1,17 @@
 import React from "react";
 import { Route, Routes } from "react-router-dom";
 import ListReleases from "../Releases/ListReleases";
+import ListEnterprise from "../Enterprise/ListReleases";
 import Releases from "../Releases/Releases";
+import Enterprise from "../Enterprise/Releases";
 
 const AppRoutes = () => {
   return (
     <Routes>
       <Route path={"/releases/*"} element={<Releases />} />
+      <Route path={"/enterprise/*"} element={<Enterprise />} />
       <Route path={"*"} element={<ListReleases />} />
+      <Route path={"*"} element={<ListEnterprise />} />
     </Routes>
   );
 };
⚠️ **GitHub.com Fallback** ⚠️