From 76980fbc0c25cdb3897130bb7eccd193fbb7f46e Mon Sep 17 00:00:00 2001
From: Rishabh <me@rsbh.dev>
Date: Wed, 16 Aug 2023 23:51:17 +0530
Subject: [PATCH] feat: add deault route support in setting component

---
 .../react/components/organization/profile.tsx | 158 +++++++++---------
 1 file changed, 79 insertions(+), 79 deletions(-)

diff --git a/sdks/js/packages/core/react/components/organization/profile.tsx b/sdks/js/packages/core/react/components/organization/profile.tsx
index 905d29561..9d20bf57e 100644
--- a/sdks/js/packages/core/react/components/organization/profile.tsx
+++ b/sdks/js/packages/core/react/components/organization/profile.tsx
@@ -28,10 +28,12 @@ import { TeamPage } from './teams/team';
 import { UserSetting } from './user';
 interface OrganizationProfileProps {
   organizationId: string;
+  defaultRoute?: string;
 }
 
 export const OrganizationProfile = ({
-  organizationId
+  organizationId,
+  defaultRoute = '/'
 }: OrganizationProfileProps) => {
   const [organization, setOrganization] = useState();
   const [users, setUsers] = useState([]);
@@ -57,97 +59,95 @@ export const OrganizationProfile = ({
 
   return (
     // @ts-ignore
-    <UNSAFE_LocationContext.Provider value={null}>
-      <MemoryRouter>
-        <ThemeProvider>
-          <Toaster richColors />
-          <Flex style={{ width: '100%', height: '100%' }}>
-            <Sidebar />
-            <Flex style={{ flexGrow: '1', overflowY: 'auto' }}>
-              <Routes>
+    <MemoryRouter initialEntries={[defaultRoute]}>
+      <ThemeProvider>
+        <Toaster richColors />
+        <Flex style={{ width: '100%', height: '100%' }}>
+          <Sidebar />
+          <Flex style={{ flexGrow: '1', overflowY: 'auto' }}>
+            <Routes>
+              <Route
+                path="/"
+                element={<GeneralSetting organization={organization} />}
+              >
                 <Route
-                  path="/"
-                  element={<GeneralSetting organization={organization} />}
-                >
-                  <Route
-                    path="delete"
-                    element={<DeleteOrganization organization={organization} />}
-                  />
-                </Route>
-                <Route path="security" element={<WorkspaceSecurity />} />
+                  path="delete"
+                  element={<DeleteOrganization organization={organization} />}
+                />
+              </Route>
+              <Route path="security" element={<WorkspaceSecurity />} />
+              <Route
+                path="members"
+                element={<WorkspaceMembers users={users}></WorkspaceMembers>}
+              >
                 <Route
-                  path="members"
-                  element={<WorkspaceMembers users={users}></WorkspaceMembers>}
-                >
-                  <Route
-                    path="modal"
-                    element={
-                      <InviteMember organization={organization} users={users} />
-                    }
-                  />
-                  <Route
-                    path="domain"
-                    element={<AddDomain organization={organization} />}
-                  />
-                </Route>
+                  path="modal"
+                  element={
+                    <InviteMember organization={organization} users={users} />
+                  }
+                />
+                <Route
+                  path="domain"
+                  element={<AddDomain organization={organization} />}
+                />
+              </Route>
 
+              <Route
+                path="teams"
+                element={<WorkspaceTeams organization={organization} />}
+              >
                 <Route
-                  path="teams"
-                  element={<WorkspaceTeams organization={organization} />}
-                >
-                  <Route
-                    path="modal"
-                    element={<AddTeam organization={organization} />}
-                  />
-                </Route>
+                  path="modal"
+                  element={<AddTeam organization={organization} />}
+                />
+              </Route>
 
+              <Route
+                path="domains"
+                element={<Domain organization={organization} />}
+              >
                 <Route
-                  path="domains"
-                  element={<Domain organization={organization} />}
-                >
-                  <Route
-                    path="modal"
-                    element={<AddDomain organization={organization} />}
-                  />
-                </Route>
+                  path="modal"
+                  element={<AddDomain organization={organization} />}
+                />
+              </Route>
 
+              <Route
+                path="teams/:teamId"
+                element={<TeamPage organization={organization} />}
+              >
                 <Route
-                  path="teams/:teamId"
-                  element={<TeamPage organization={organization} />}
-                >
-                  <Route
-                    path="delete"
-                    element={<DeleteTeam organization={organization} />}
-                  />
-                </Route>
+                  path="delete"
+                  element={<DeleteTeam organization={organization} />}
+                />
+              </Route>
 
+              <Route
+                path="projects"
+                element={<WorkspaceProjects organization={organization} />}
+              >
                 <Route
-                  path="projects"
-                  element={<WorkspaceProjects organization={organization} />}
-                >
-                  <Route
-                    path="modal"
-                    element={<AddProject organization={organization} />}
-                  />
-                </Route>
+                  path="modal"
+                  element={<AddProject organization={organization} />}
+                />
+              </Route>
 
+              <Route
+                path="projects/:projectId"
+                element={<ProjectPage organization={organization} />}
+              >
                 <Route
-                  path="projects/:projectId"
-                  element={<ProjectPage organization={organization} />}
-                >
-                  <Route
-                    path="delete"
-                    element={<DeleteProject organization={organization} />}
-                  />
-                </Route>
+                  path="delete"
+                  element={<DeleteProject organization={organization} />}
+                />
+              </Route>
 
-                <Route path="profile" element={<UserSetting />} />
-                <Route path="perferences" element={<UserPreferences />} />
-              </Routes>
-            </Flex>
+              <Route path="profile" element={<UserSetting />} />
+              <Route path="perferences" element={<UserPreferences />} />
+            </Routes>
           </Flex>
-        </ThemeProvider>
-      </MemoryRouter>
-    </UNSAFE_LocationContext.Provider>
+        </Flex>
+      </ThemeProvider>
+    </MemoryRouter>
   );
 };