Refactor NavProps interface and update activeNav prop in Header compo…

…nent
davidawad · Aug 26, 2023 · 0508069 · 0508069
1 parent 60d9667
commit 0508069
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -6,7 +6,7 @@ import LinkButton from "./LinkButton.astro";
 import logoPNG from "/assets/logo.png";
 import logoSVG from "/assets/logo.svg";
 
-export interface Props {
+export interface NavProps {
   activeNav?: "posts" | "investing" | "engineering" | "about" | "search";
 }
 

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -91,7 +91,7 @@ const socialImageURL = new URL(
         svg: {
           fontCache: "global",
         },
-      };
+      } ?? {};
     </script>
     <script
       id="MathJax-script"

diff --git a/src/pages/tags/[tag].astro b/src/pages/tags/[tag].astro
@@ -36,7 +36,7 @@ const tagPosts = getPostsByTag(posts, tag);
 ---
 
 <Layout title={`Tag:${tag} | ${SITE.title}`}>
-  <Header activeNav="tags" />
+  <Header activeNav={`${tag}`} />
   <Main
     pageTitle={`Tag:${tag}`}
     pageDesc={`All the articles with the tag "${tag}".`}

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -28,9 +28,13 @@
   html[data-theme="dark"] #sun-svg {
     display: block;
   }
+  *::selection{
+    color: white !important;
+  }
   body {
     @apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base
     selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
+
   }
   h1 {
     @apply font-h1;