rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix page reload on breadcrumb link

Browse Source 
Signed-off-by: gearnode <bryan@frimin.fr>
This commit is contained in:
gearnode
2025-02-12 11:34:54 -08:00
parent 84736a21b4
commit 627f55815a
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/console/src/layouts/ConsoleLayout.tsx
View File

@@ -1,4 +1,4 @@
import { Outlet, useLocation } from "react-router"; import { Link, Outlet, useLocation } from "react-router";
import { AppSidebar } from "@/components/AppSidebar"; import { AppSidebar } from "@/components/AppSidebar";
import React from "react"; import React from "react";
import { import {
@@ -31,7 +31,11 @@ export default function ConsoleLayout() {
<Breadcrumb> <Breadcrumb>
<BreadcrumbList> <BreadcrumbList>
<BreadcrumbItem> <BreadcrumbItem>
<BreadcrumbLink href="/">Home</BreadcrumbLink> <BreadcrumbLink asChild>
<Link to="/">
Home
</Link>
</BreadcrumbLink>
</BreadcrumbItem> </BreadcrumbItem>
{pathSegments.map((segment, index) => { {pathSegments.map((segment, index) => {
const path = `/${pathSegments.slice(0, index + 1).join('/')}`; const path = `/${pathSegments.slice(0, index + 1).join('/')}`;
@@ -46,8 +50,10 @@ export default function ConsoleLayout() {
{segment.charAt(0).toUpperCase() + segment.slice(1)} {segment.charAt(0).toUpperCase() + segment.slice(1)}
</BreadcrumbPage> </BreadcrumbPage>
) : ( ) : (
<BreadcrumbLink href={path}> <BreadcrumbLink asChild>
{segment.charAt(0).toUpperCase() + segment.slice(1)} <Link to={path}>
{segment.charAt(0).toUpperCase() + segment.slice(1)}
</Link>
</BreadcrumbLink> </BreadcrumbLink>
)} )}
</BreadcrumbItem> </BreadcrumbItem>