Protect Organization creation route

Author: aayushgupta05

src/components/common/organizationSetupRoute.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { useSelector, useDispatch } from "react-redux";
+import { Route, Redirect } from "react-router-dom";
+import CreateOrganization from "../../pages/createOrganization/createOrganization";
+import { getOrg } from "../../reducers/orgSlice";
+function OrganizationSetupRoute() {
+ const dispatch = useDispatch();
+ const orgExists = useSelector(state => state.org.get.org);
+ if(Object.keys(orgExists).length == 0) {
+ dispatch(getOrg());
+ return null;
+ }
+ return (
+ <Route
+ render={() =>
+ orgExists.exists ? <Redirect to="/" /> : <CreateOrganization />
+ }
+ />
+ );
+}
+
+ export default OrganizationSetupRoute;

src/reducers/orgSlice.js

@@ -61,6 +61,7 @@ export const getOrg = createAsyncThunk(
  isArchived
  isUnderMaintenance
  totalUsers
+ exists
  }}`,
  },
  {

src/router.js

@@ -1,13 +1,13 @@
 import React from "react";
 import { BrowserRouter, Route, Switch } from "react-router-dom";
-import Dashboard from "./pages/dashboard/dashboard"
-import CreateOrganization from "./pages/createOrganization/createOrganization";
+import Dashboard from "./pages/dashboard/dashboard";
+import OrganizationSetupRoute from "./components/common/organizationSetupRoute";
 
 const Router = () => (
  <BrowserRouter>
  <Switch>
  <Route exact path="/" component={ Dashboard } />
- <Route path="/setup" component={ CreateOrganization } />
+ <OrganizationSetupRoute path="/setup" />
  </Switch>
  </BrowserRouter>
 );