Add navigation item for Roles route, remove <Roles /> rendering from …

…the layout
decentdao · Jun 21, 2024 · 9957cd6 · 9957cd6
1 parent a9f876c
commit 9957cd6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/ui/page/Layout/index.tsx b/src/components/ui/page/Layout/index.tsx
@@ -9,7 +9,6 @@ import {
   useFooterHeight,
 } from '../../../../constants/common';
 import useNavigationScrollReset from '../../../../hooks/utils/useNavigationScrollReset';
-import Roles from '../../../../pages/daos/[daoAddress]/roles';
 import { ErrorBoundary } from '../../utils/ErrorBoundary';
 import { TopErrorFallback } from '../../utils/TopErrorFallback';
 import { Footer } from '../Footer';
@@ -82,7 +81,6 @@ export default function Layout() {
             fallback={<TopErrorFallback />}
             showDialog
           >
-            <Roles />
             <Outlet />
           </ErrorBoundary>
         </Container>

diff --git a/src/components/ui/page/Navigation/NavigationLinks.tsx b/src/components/ui/page/Navigation/NavigationLinks.tsx
@@ -8,6 +8,7 @@ import {
   Question,
   DiscordLogo,
   BookOpen,
+  UsersThree,
 } from '@phosphor-icons/react';
 import { DAO_ROUTES } from '../../../../constants/routes';
 import { URL_FAQ, URL_DISCORD, URL_DOCS } from '../../../../constants/url';
@@ -96,6 +97,14 @@ function InternalLinks({ closeDrawer }: { closeDrawer?: () => void }) {
           scope="internal"
           closeDrawer={closeDrawer}
         />
+        <NavigationLink
+          href={DAO_ROUTES.roles.relative(addressPrefix, daoAddress)}
+          labelKey="roles"
+          testId="navigation-rolesLink"
+          NavigationIcon={UsersThree}
+          scope="internal"
+          closeDrawer={closeDrawer}
+        />
         <NavigationLink
           href={DAO_ROUTES.hierarchy.relative(addressPrefix, daoAddress)}
           labelKey="nodes"