From 663780e44ed6b3e28d09fa81d0ec985680ec7b65 Mon Sep 17 00:00:00 2001
From: pindaroso <me@pindaroso.com>
Date: Wed, 16 Oct 2024 08:35:58 -0400
Subject: [PATCH] Cleaned up navigation link UI

---
 packages/app/src/app/page.tsx | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/app/page.tsx b/packages/app/src/app/page.tsx
index b86a90e..d4abdfb 100644
--- a/packages/app/src/app/page.tsx
+++ b/packages/app/src/app/page.tsx
@@ -116,10 +116,30 @@ export default function Home() {
             <Link href="/" className="text-primary text-lg">
               Solana ZK Starter
             </Link>
-            <Link href="#/cost">Cost Calculator</Link>
-            <Link href="#/counter">Counter Program</Link>
-            <Link href="#/mint">Mint</Link>
-            <Link href="#/faucet">Faucet</Link>
+            <Link
+              className={hash === '#/cost' ? 'text-primary' : ''}
+              href="#/cost"
+            >
+              Cost Calculator
+            </Link>
+            <Link
+              className={hash === '#/counter' ? 'text-primary' : ''}
+              href="#/counter"
+            >
+              Counter Program
+            </Link>
+            <Link
+              className={hash === '#/mint' ? 'text-primary' : ''}
+              href="#/mint"
+            >
+              Mint
+            </Link>
+            <Link
+              className={hash === '#/faucet' ? 'text-primary' : ''}
+              href="#/faucet"
+            >
+              Faucet
+            </Link>
           </div>
           <div className="flex items-center">
             {publicKey ? (