add calculator to top nav

blockworks-foundation · Aug 19, 2024 · a7df4f3 · a7df4f3
1 parent c5873c1
commit a7df4f3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/components/Layout.tsx b/components/Layout.tsx
@@ -31,7 +31,11 @@ const Layout = ({ children }: { children: ReactNode }) => {
   const { asPath } = useRouter()
 
   const isDashboardLayout = useMemo(() => {
-    return asPath === '/dashboard' || asPath === '/stats'
+    return (
+      asPath === '/dashboard' ||
+      asPath === '/stats' ||
+      asPath === '/yield-calculator'
+    )
   }, [asPath])
 
   const [mounted, setMounted] = useState(false)
@@ -48,7 +52,11 @@ const Layout = ({ children }: { children: ReactNode }) => {
           {isDashboardLayout ? (
             <>
               <TopBar />
-              <div className="mx-auto max-w-3xl px-6 pb-20 md:pb-12 lg:px-12">
+              <div
+                className={`mx-auto ${
+                  asPath !== '/yield-calculator' ? 'max-w-3xl' : ''
+                } px-6 pb-20 md:pb-12 lg:px-12`}
+              >
                 {children}
               </div>
             </>

diff --git a/components/TopBar.tsx b/components/TopBar.tsx
@@ -52,7 +52,11 @@ const TopBar = () => {
               path="/stats"
               text="Stats"
             />
-            {/* <NavLink active={pathname === '/faqs'} path="/faqs" text="FAQs" /> */}
+            <NavLink
+              active={pathname === '/yield-calculator'}
+              path="/yield-calculator"
+              text="Calculator"
+            />
           </>
         ) : null}
       </div>

diff --git a/pages/yield-calculator.tsx b/pages/yield-calculator.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link'
 
 const YieldCalc: NextPage = () => {
   return (
-    <div className="mx-auto w-full max-w-5xl py-12">
+    <div className="mx-auto w-full max-w-5xl">
       <div className="px-6">
         <h2 className="text-shadow mb-2 px-6 text-center text-3xl text-th-button-text md:text-5xl xl:px-0">
           Yield calculator