From 5cac2faee26dbd5ebb773c1129ae0325ebca311a Mon Sep 17 00:00:00 2001
From: Greg Richardson <greg.nmr@gmail.com>
Date: Mon, 6 Feb 2023 23:08:28 -0700
Subject: [PATCH] fix: feature flag for clippy in mobile nav

---
 .../NavigationMenu/TopNavBarRef.tsx           | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/apps/docs/components/Navigation/NavigationMenu/TopNavBarRef.tsx b/apps/docs/components/Navigation/NavigationMenu/TopNavBarRef.tsx
index 4588fc5864e..94e24890e15 100644
--- a/apps/docs/components/Navigation/NavigationMenu/TopNavBarRef.tsx
+++ b/apps/docs/components/Navigation/NavigationMenu/TopNavBarRef.tsx
@@ -11,12 +11,14 @@ import clippyImage from '../../../public/img/clippy.png'
 
 import { getPageType } from '~/lib/helpers'
 import { useClippy } from '~/components/Clippy/ClippyProvider'
+import { useFlag } from '~/hooks/useFlag'
 
 const TopNavBarRef: FC = () => {
   const { isDarkMode, toggleTheme } = useTheme()
   const [mounted, setMounted] = useState(false)
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
   const { open: openClippy } = useClippy()
+  const enableClippy = useFlag('enableClippy')
 
   const { asPath, push } = useRouter()
   const pathSegments = asPath.split('/')
@@ -89,15 +91,17 @@ const TopNavBarRef: FC = () => {
         </div>
 
         <div className="flex items-center gap-6">
-          <div className="flex md:hidden cursor-pointer">
-            <Image
-              onClick={openClippy}
-              width={26}
-              height={29}
-              src={isDarkMode ? clippyImageDark : clippyImage}
-              alt="Clippy"
-            />
-          </div>
+          {enableClippy && (
+            <div className="flex md:hidden cursor-pointer">
+              <Image
+                onClick={openClippy}
+                width={26}
+                height={29}
+                src={isDarkMode ? clippyImageDark : clippyImage}
+                alt="Clippy"
+              />
+            </div>
+          )}
           <SearchButton className="md:w-full lg:w-96">
             <div
               className="