chore(dapp): Add Documentation to navbar (#746)

Author: marc2332

dapp/src/components/layout/Navbar.tsx

@@ -47,6 +47,7 @@ export function Navbar() {
                                     href={route.path}
                                     className="text-label-md hover:text-names-primary-80 md:whitespace-nowrap"
                                     data-testid={`${route.id}-link`}
+                                    {...('isExternal' in route ? { target: '_blank' } : {})}
                                 >
                                     {route.title}
                                 </Link>

dapp/src/lib/constants/routes.constants.tsx

@@ -3,24 +3,30 @@
 
 import { Discord, SmX } from '@iota/apps-ui-icons';
 
-import { ProtectedRouteTitle } from '../enums';
+import { RouteTitle } from '../enums';
 import type { Route } from '../interfaces';
 
 export const MY_NAMES_ROUTE: Route = {
-    title: ProtectedRouteTitle.MyNames,
+    title: RouteTitle.MyNames,
     path: '/my-names',
     id: 'my-names',
 };
 
 export const AUCTION_ROUTE: Route = {
-    title: ProtectedRouteTitle.Auction,
+    title: RouteTitle.Auction,
     path: '/auctions',
     id: 'auctions',
 };
 
+export const DOCS_ROUTE: Route = {
+    title: RouteTitle.Documentation,
+    path: 'https://docs.iotanames.com',
+    isExternal: true,
+};
+
 export const PROTECTED_ROUTES = [MY_NAMES_ROUTE] as const satisfies Route[];
 
-export const PUBLIC_ROUTES: Route[] = [AUCTION_ROUTE] as const satisfies Route[];
+export const PUBLIC_ROUTES: Route[] = [AUCTION_ROUTE, DOCS_ROUTE] as const satisfies Route[];
 
 export const CONNECT_ROUTE: Route = {
     path: '/',

dapp/src/lib/enums/index.ts

@@ -2,4 +2,4 @@
 // SPDX-License-Identifier: Apache-2.0
 
 export * from './theme.enums';
-export * from './protectedRouteTitle.enums';
+export * from './routeTitle.enums';

…c/lib/enums/protectedRouteTitle.enums.ts dapp/src/lib/enums/routeTitle.enums.tsdapp/src/lib/enums/protectedRouteTitle.enums.ts renamed to dapp/src/lib/enums/routeTitle.enums.ts dapp/src/lib/enums/protectedRouteTitle.enums.ts renamed to dapp/src/lib/enums/routeTitle.enums.ts

@@ -1,7 +1,8 @@
 // Copyright (c) 2025 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-export enum ProtectedRouteTitle {
+export enum RouteTitle {
     MyNames = 'My Names',
     Auction = 'Auctions',
+    Documentation = 'Documentation',
 }

dapp/src/lib/interfaces/routes.interfaces.ts

@@ -16,4 +16,9 @@ export type ProtectedRoute = BaseRoute & {
     id: string;
 };
 
-export type Route = PublicRoute | ProtectedRoute;
+export type ExternalRoute = BaseRoute & {
+    isExternal: true;
+    id?: string;
+};
+
+export type Route = PublicRoute | ProtectedRoute | ExternalRoute;