algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-31 22:24:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

[portal][nav] hide global nav for resumes

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-09 15:30:58 +08:00
parent dd08da88a0
commit b1d7a4e4e6
5 changed files with 36 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
apps/portal/src/components/global/AppShell.tsx
View File

@ -107,6 +107,7 @@ export default function AppShell({ children }: Props) {
const currentProductNavigation: Readonly<{
navigation: ProductNavigationItems;
showGlobalNav: boolean;
title: string;
}> = (() => {
const path = router.pathname;
@ -128,39 +129,41 @@ export default function AppShell({ children }: Props) {
return (
<div className="flex h-full min-h-screen">
{/* Narrow sidebar */}
<div className="hidden w-28 overflow-y-auto border-r border-slate-200 bg-white md:block">
<div className="flex w-full flex-col items-center py-6">
<div className="flex flex-shrink-0 items-center">
<Link href="/">
<img
alt="Tech Interview Handbook"
className="h-8 w-auto"
src="/logo.svg"
/>
</Link>
</div>
<div className="mt-6 w-full flex-1 space-y-1 px-2">
{GlobalNavigation.map((item) => (
<Link
key={item.name}
className={clsx(
'text-slate-700 hover:bg-slate-100',
'group flex w-full flex-col items-center rounded-md p-3 text-xs font-medium',
)}
href={item.href}>
<item.icon
aria-hidden="true"
className={clsx(
'text-slate-500 group-hover:text-slate-700',
'h-6 w-6',
)}
{currentProductNavigation.showGlobalNav && (
<div className="hidden w-28 overflow-y-auto border-r border-slate-200 bg-white md:block">
<div className="flex w-full flex-col items-center py-6">
<div className="flex flex-shrink-0 items-center">
<Link href="/">
<img
alt="Tech Interview Handbook"
className="h-8 w-auto"
src="/logo.svg"
/>
<span className="mt-2">{item.name}</span>
</Link>
))}
</div>
<div className="mt-6 w-full flex-1 space-y-1 px-2">
{GlobalNavigation.map((item) => (
<Link
key={item.name}
className={clsx(
'text-slate-700 hover:bg-slate-100',
'group flex w-full flex-col items-center rounded-md p-3 text-xs font-medium',
)}
href={item.href}>
<item.icon
aria-hidden="true"
className={clsx(
'text-slate-500 group-hover:text-slate-700',
'h-6 w-6',
)}
/>
<span className="mt-2">{item.name}</span>
</Link>
))}
</div>
</div>
</div>
</div>
)}
{/* Mobile menu */}
<MobileNavigation

1
apps/portal/src/components/global/HomeNavigation.ts
View File

@ -15,6 +15,7 @@ const navigation: ProductNavigationItems = [
const config = {
navigation,
showGlobalNav: true,
title: 'Tech Interview Handbook',
};

1
apps/portal/src/components/offers/OffersNavigation.ts
View File

@ -16,6 +16,7 @@ const navigation: ProductNavigationItems = [
const config = {
navigation,
showGlobalNav: true,
title: 'Offers',
};

1
apps/portal/src/components/questions/QuestionsNavigation.ts
View File

@ -9,6 +9,7 @@ const navigation: ProductNavigationItems = [
const config = {
navigation,
showGlobalNav: true,
title: 'Questions Bank',
};

1
apps/portal/src/components/resumes/ResumesNavigation.ts
View File

@ -16,6 +16,7 @@ const navigation: ProductNavigationItems = [
const config = {
navigation,
showGlobalNav: false,
title: 'Resumes',
};