From b1d7a4e4e6210a530aaaa29720ec2d6fb3d75c61 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Sun, 9 Oct 2022 15:30:58 +0800
Subject: [PATCH] [portal][nav] hide global nav for resumes

---
 .../portal/src/components/global/AppShell.tsx | 61 ++++++++++---------
 .../src/components/global/HomeNavigation.ts   |  1 +
 .../src/components/offers/OffersNavigation.ts |  1 +
 .../questions/QuestionsNavigation.ts          |  1 +
 .../components/resumes/ResumesNavigation.ts   |  1 +
 5 files changed, 36 insertions(+), 29 deletions(-)

diff --git a/apps/portal/src/components/global/AppShell.tsx b/apps/portal/src/components/global/AppShell.tsx
index c0fb33a1..eeb2dfc9 100644
--- a/apps/portal/src/components/global/AppShell.tsx
+++ b/apps/portal/src/components/global/AppShell.tsx
@@ -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
diff --git a/apps/portal/src/components/global/HomeNavigation.ts b/apps/portal/src/components/global/HomeNavigation.ts
index bed3b924..073a7b36 100644
--- a/apps/portal/src/components/global/HomeNavigation.ts
+++ b/apps/portal/src/components/global/HomeNavigation.ts
@@ -15,6 +15,7 @@ const navigation: ProductNavigationItems = [
 
 const config = {
   navigation,
+  showGlobalNav: true,
   title: 'Tech Interview Handbook',
 };
 
diff --git a/apps/portal/src/components/offers/OffersNavigation.ts b/apps/portal/src/components/offers/OffersNavigation.ts
index 056fd334..c6d47806 100644
--- a/apps/portal/src/components/offers/OffersNavigation.ts
+++ b/apps/portal/src/components/offers/OffersNavigation.ts
@@ -16,6 +16,7 @@ const navigation: ProductNavigationItems = [
 
 const config = {
   navigation,
+  showGlobalNav: true,
   title: 'Offers',
 };
 
diff --git a/apps/portal/src/components/questions/QuestionsNavigation.ts b/apps/portal/src/components/questions/QuestionsNavigation.ts
index 275bc051..1a09afb0 100644
--- a/apps/portal/src/components/questions/QuestionsNavigation.ts
+++ b/apps/portal/src/components/questions/QuestionsNavigation.ts
@@ -9,6 +9,7 @@ const navigation: ProductNavigationItems = [
 
 const config = {
   navigation,
+  showGlobalNav: true,
   title: 'Questions Bank',
 };
 
diff --git a/apps/portal/src/components/resumes/ResumesNavigation.ts b/apps/portal/src/components/resumes/ResumesNavigation.ts
index b339b449..36633398 100644
--- a/apps/portal/src/components/resumes/ResumesNavigation.ts
+++ b/apps/portal/src/components/resumes/ResumesNavigation.ts
@@ -16,6 +16,7 @@ const navigation: ProductNavigationItems = [
 
 const config = {
   navigation,
+  showGlobalNav: false,
   title: 'Resumes',
 };