From 4b60ff664a2af97f0f5a26e945026c25e11480ac Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.com>
Date: Wed, 31 Jan 2024 06:58:27 -0500
Subject: [PATCH] Highlight support if on support page

---
 src/components/global/Header.astro | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/global/Header.astro b/src/components/global/Header.astro
index 6a82f0e..f99c9b7 100644
--- a/src/components/global/Header.astro
+++ b/src/components/global/Header.astro
@@ -14,12 +14,20 @@ import { useUserAgent } from "astro-useragent"
 const uaString = Astro.request.headers.get("user-agent")
 const { source, isMobile } = useUserAgent(uaString)
 
+// Check if user is on Support
+if (Astro.url.pathname.startsWith("/support")) {
+    var IsOnSupport = true
+} else {
+    var IsOnSupport = false
+}
+
 // Properties - Selected
 if      (Selected === "Home")           {var Select_Home            = true}
 else if (Selected === "Products")       {var Select_Products        = true}
 else if (Selected === "Pricing")        {var Select_Pricing         = true}
 else if (Selected === "Support")        {var Select_Support         = true}
 
+import Default from '@astrojs/starlight/components/Search.astro';
 ---
 
 <header>
@@ -36,14 +44,18 @@ else if (Selected === "Support")        {var Select_Support         = true}
             <div class="header-center">
                 <a id="menu-link-home" href="/">{t("Header.Home")}</a>
                 <a id="menu-link-products" href="#">{t("Header.Products")}</a>
-                <a id="menu-link-pricing" href="#">{t("Header.Pricing")}</a>
-                <a id="menu-link-support" href="#">{t("Header.Support")}</a>
+                <a id="menu-link-pricing" href="/pricing">{t("Header.Pricing")}</a>
+                {IsOnSupport ?
+                    <a style="background: white; color: black;" id="menu-link-support" href="/support">{t("Header.Support")}</a>
+                    :
+                    <a id="menu-link-support" href="/support">{t("Header.Support")}</a>
+                }
             </div>
         }
         <div class="header-end">
             <a href="#">{t("Header.Login")}</a>
             <a href="#">{t("Header.SignUp")}</a>
-            <sl-dropdown placement="bottom-end" distance="6">
+            <sl-dropdown id="lang-menu" placement="bottom-end" distance="6">
                 <sl-button slot="trigger" caret><Language/></sl-button>
                 <sl-menu>
                     <sl-menu-item onclick="location.href = '/'">English</sl-menu-item>