fix breadcrumbs (#2018)

* update:add link path to dashboard breadcrumb * update:breadcrumb path for kanban * Update page.tsx * Update page.tsx --------- Co-authored-by: Ruslan K <[email protected]>
ever-co · Dec 25, 2023 · 9dc357f · 9dc357f
1 parent e522ec1
commit 9dc357f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/apps/web/app/[locale]/kanban/page.tsx b/apps/web/app/[locale]/kanban/page.tsx
@@ -13,13 +13,17 @@ import { KanbanView } from 'lib/features/team-members-kanban-view';
 import { MainLayout } from 'lib/layout';
 import Image from 'next/image';
 import { useState } from 'react';
+import { useTranslations } from 'next-intl';
 
 const Kanban = () => {
 	const { data } = useKanban();
 	const { activeTeam } = useOrganizationTeams();
+	const t = useTranslations();
 
 	const [activeTab, setActiveTab] = useState(KanbanTabs.TODAY);
 
+	const breadcrumbPath = [{title: JSON.parse(t('pages.home.BREADCRUMB')), href: '/'}, activeTeam?.name || '', 'Kanban Board'];
+
 	const imageRadius = 20;
 	const numberOfImagesDisplayed = 4;
 	const activeTeamMembers = activeTeam?.members ? activeTeam.members : [];
@@ -29,10 +33,10 @@ const Kanban = () => {
 		<>
 			<MainLayout>
 				<div className={'relative bg-white dark:bg-dark--theme pt-20 -mt-8 px-[32px] mx-[0px] w-full'}>
-					<Breadcrumb paths={['Dashboard', 'Team Page']} className="text-sm" />
+					<Breadcrumb paths={breadcrumbPath} className="text-sm" />
 					<div className="flex flex-row items-center justify-between mt-[24px]">
 						<div>
-							<h1 className="text-[35px] font-bold text-[#282048] dark:text-white">Kanban Board</h1>
+
 						</div>
 						<div className="flex flex-row items-center gap-[12px]">
 							<p>08:00 ( UTC +04:30 )</p>

diff --git a/apps/web/app/[locale]/page.tsx b/apps/web/app/[locale]/page.tsx
@@ -50,7 +50,7 @@ function MainPage({ pageProps }: AppProps<MyAppProps>) {
 	const t = useTranslations();
 	const { isTeamMember, isTrackingEnabled, activeTeam } = useOrganizationTeams();
 
-	const breadcrumb = [...JSON.parse(t('pages.home.BREADCRUMB')), activeTeam?.name || ''];
+	const breadcrumb = [{title: JSON.parse(t('pages.home.BREADCRUMB')), href: '/'}, activeTeam?.name || ''];
 	const [view, setView] = useState<IssuesView>(IssuesView.CARDS);
 	const { online } = useNetworkState();