From 641430ebca6b24e84bfa5f7f4962102ac7a15ecb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <nemile.re@gmail.com>
Date: Fri, 14 Mar 2025 14:07:20 +0400
Subject: [PATCH] Fix breadcrumb not displaying
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Émile Ré <nemile.re@gmail.com>
---
 apps/console/src/App.tsx                   |   2 +-
 apps/console/src/layouts/ConsoleLayout.tsx | 166 ++++++++++-----------
 2 files changed, 80 insertions(+), 88 deletions(-)

diff --git a/apps/console/src/App.tsx b/apps/console/src/App.tsx
index bdfd0c382..e67f04038 100644
--- a/apps/console/src/App.tsx
+++ b/apps/console/src/App.tsx
@@ -78,7 +78,7 @@ function App() {
                     }
                   />
 
-                  <Route path="organizations" element={<ConsoleLayout />}>
+                  <Route path="organizations/*" element={<ConsoleLayout />}>
                     <Route
                       path="create"
                       element={
diff --git a/apps/console/src/layouts/ConsoleLayout.tsx b/apps/console/src/layouts/ConsoleLayout.tsx
index 5fc39298a..6636b99fc 100644
--- a/apps/console/src/layouts/ConsoleLayout.tsx
+++ b/apps/console/src/layouts/ConsoleLayout.tsx
@@ -377,112 +377,104 @@ export default function ConsoleLayout() {
             <SidebarTrigger className="-ml-1" />
             <Separator orientation="vertical" className="mr-2 h-4" />
             <Routes>
-              <Route path="organizations">
-                <Route
-                  path=":organizationsId"
-                  element={
-                    <Suspense>
-                      <BreadCrumbOrganization />
-                    </Suspense>
-                  }
-                >
+              <Route
+                path=":organizationsId"
+                element={
+                  <Suspense>
+                    <BreadCrumbOrganization />
+                  </Suspense>
+                }
+              >
+                <Route path="frameworks" element={<BreadcrumbFrameworkList />}>
                   <Route
-                    path="frameworks"
-                    element={<BreadcrumbFrameworkList />}
+                    path=":frameworkId"
+                    element={
+                      <Suspense>
+                        <BreadcrumbFrameworkOverview />
+                      </Suspense>
+                    }
                   >
                     <Route
-                      path=":frameworkId"
-                      element={
-                        <Suspense>
-                          <BreadcrumbFrameworkOverview />
-                        </Suspense>
-                      }
-                    >
-                      <Route
-                        path="controls/create"
-                        element={<BreadcrumbCreateControl />}
-                      />
-                      <Route
-                        path="controls/:controlId"
-                        element={
-                          <Suspense>
-                            <BreadcrumbControlOverview />
-                          </Suspense>
-                        }
-                      />
-                      <Route
-                        path="update"
-                        element={<BreadcrumbUpdateFramework />}
-                      />
-                    </Route>
-                    <Route
-                      path="create"
-                      element={<BreadcrumbCreateFramework />}
+                      path="controls/create"
+                      element={<BreadcrumbCreateControl />}
                     />
-                  </Route>
-                  <Route path="peoples" element={<BreadcrumbPeopleList />}>
                     <Route
-                      path=":peopleId"
+                      path="controls/:controlId"
                       element={
                         <Suspense>
-                          <BreadcrumbPeopleOverview />
+                          <BreadcrumbControlOverview />
                         </Suspense>
                       }
                     />
-                    <Route path="create" element={<BreadcrumbCreatePeople />} />
-                  </Route>
-                  <Route path="vendors" element={<BreadcrumbVendorList />}>
                     <Route
-                      path=":vendorId"
-                      element={
-                        <Suspense>
-                          <BreadcrumbVendorOverview />
-                        </Suspense>
-                      }
+                      path="update"
+                      element={<BreadcrumbUpdateFramework />}
                     />
                   </Route>
-                  <Route path="policies" element={<BreadcrumbPolicyList />}>
-                    <Route
-                      path=":policyId"
-                      element={
-                        <Suspense>
-                          <BreadcrumbPolicyOverview />
-                        </Suspense>
-                      }
-                    >
-                      <Route
-                        path="update"
-                        element={<BreadcrumbUpdatePolicy />}
-                      />
-                    </Route>
-                    <Route path="create" element={<BreadcrumbCreatePolicy />} />
-                  </Route>
-                  <Route
-                    path="settings"
-                    element={
-                      <>
-                        <BreadcrumbSeparator />
-                        <BreadcrumbItem>
-                          <BreadcrumbPage>Settings</BreadcrumbPage>
-                        </BreadcrumbItem>
-                      </>
-                    }
-                  />
-                </Route>
-
-                <Route path="*" element={<BreadcrumbHome />}>
                   <Route
                     path="create"
+                    element={<BreadcrumbCreateFramework />}
+                  />
+                </Route>
+                <Route path="peoples" element={<BreadcrumbPeopleList />}>
+                  <Route
+                    path=":peopleId"
                     element={
-                      <>
-                        <BreadcrumbSeparator />
-                        <BreadcrumbItem>
-                          <BreadcrumbPage>Create Organization</BreadcrumbPage>
-                        </BreadcrumbItem>
-                      </>
+                      <Suspense>
+                        <BreadcrumbPeopleOverview />
+                      </Suspense>
+                    }
+                  />
+                  <Route path="create" element={<BreadcrumbCreatePeople />} />
+                </Route>
+                <Route path="vendors" element={<BreadcrumbVendorList />}>
+                  <Route
+                    path=":vendorId"
+                    element={
+                      <Suspense>
+                        <BreadcrumbVendorOverview />
+                      </Suspense>
                     }
                   />
                 </Route>
+                <Route path="policies" element={<BreadcrumbPolicyList />}>
+                  <Route
+                    path=":policyId"
+                    element={
+                      <Suspense>
+                        <BreadcrumbPolicyOverview />
+                      </Suspense>
+                    }
+                  >
+                    <Route path="update" element={<BreadcrumbUpdatePolicy />} />
+                  </Route>
+                  <Route path="create" element={<BreadcrumbCreatePolicy />} />
+                </Route>
+                <Route
+                  path="settings"
+                  element={
+                    <>
+                      <BreadcrumbSeparator />
+                      <BreadcrumbItem>
+                        <BreadcrumbPage>Settings</BreadcrumbPage>
+                      </BreadcrumbItem>
+                    </>
+                  }
+                />
+              </Route>
+
+              <Route path="*" element={<BreadcrumbHome />}>
+                <Route
+                  path="create"
+                  element={
+                    <>
+                      <BreadcrumbSeparator />
+                      <BreadcrumbItem>
+                        <BreadcrumbPage>Create Organization</BreadcrumbPage>
+                      </BreadcrumbItem>
+                    </>
+                  }
+                />
               </Route>
             </Routes>
           </div>