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>
);
};