From c0b8637aaedef34808b28838b04c235dbe464ae9 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sun, 16 Oct 2022 20:44:37 -0700
Subject: [PATCH] move buzzwords link to nav

---
 src/components/Nav.tsx                 | 7 ++++++-
 src/components/index/ActionButtons.tsx | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index 959cc57..b4d7778 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -16,7 +16,7 @@ interface NavProps {
 
 const Nav = ({ isClient, internalLinks, className }: NavProps) => {
   const { observe, currentBreakpoint } = useDimensions({
-    breakpoints: { XS: 0, LG: 690 },
+    breakpoints: { XS: 0, LG: 750 },
     updateOnBreakpointChange: true,
   });
   const [linksMenu, setLinksMenu] = useState(false);
@@ -84,6 +84,11 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
                   : "bg-black border border-white")
             )}
           >
+            <li>
+              <a className={navClasses} href="https://buzzwords.gg">
+                Buzzwords
+              </a>
+            </li>
             <li>
               <a className={navClasses} href="https://twitter.com/chuckletmilk">
                 Twitter
diff --git a/src/components/index/ActionButtons.tsx b/src/components/index/ActionButtons.tsx
index fe9dfe6..dcf9fd2 100644
--- a/src/components/index/ActionButtons.tsx
+++ b/src/components/index/ActionButtons.tsx
@@ -24,7 +24,7 @@ const ActionButtons = ({
   shuffleImage,
 }: ActionButtonsProps) => (
   <div className="flex flex-col mb-2">
-    <div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light">
+    {/* <div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light">
       <h3 className="sm:mb-2 drop-shadow">Try my word game!</h3>
       <a
         className="rounded-full bg-muted-light hover:bg-vibrant text-muted-dark p-1 sm:p-2"
@@ -32,7 +32,7 @@ const ActionButtons = ({
       >
         Buzzwords
       </a>
-    </div>
+    </div> */}
     <div className="flex sm:mx-6 mb-2 sm:mb-6">
       <Link
         className={getButtonClasses(isClient)}