added icons back to mobile sidebar

jhilker98 · Mar 12, 2024 · a4b86a7 · a4b86a7
1 parent 876b2a0
commit a4b86a7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/FixedSidebar.astro b/src/components/FixedSidebar.astro
@@ -1,7 +1,7 @@
 ---
 import { SITE_META } from "@consts";
 import type { SocialLink } from "@types";
-//import { Icon } from "astro-icon";
+import { Icon } from "astro-icon/components";
 import { Image } from "astro:assets";
 import sidebar from "@assets/img/sidebar.svg";
 import SearchWidget from "@components/SearchWidget.astro";
@@ -26,6 +26,12 @@ import SearchWidget from "@components/SearchWidget.astro";
               href={link.href}
               class="text-branding-white hover:text-blue-400 transition-colors duration-75 group"
               title={link.name}>
+              <Icon
+                name={link.icon}
+                class="h-5 w-5 fill-branding-white hover:fill-blue-400"
+                aria-hidden="true"
+                focusable="false"
+              />
               <span class="sr-only">{link.name}</span>
             </a>
           ))}

diff --git a/src/components/MobileSidebar.astro b/src/components/MobileSidebar.astro
@@ -5,6 +5,7 @@ import { type SocialLink } from "@types";
 import "@fontsource/ibm-plex-sans/600.css";
 import sidebar from "@assets/img/sidebar.svg";
 import SearchWidget from "@components/SearchWidget.astro";
+import { Icon } from "astro-icon/components";
 ---
 
 <aside
@@ -36,6 +37,12 @@ import SearchWidget from "@components/SearchWidget.astro";
             class="text-branding-white hover:text-blue-400 transition-colors duration-75 group"
             aria-label={link.name}
             title={link.name}>
+            <Icon
+              name={link.icon}
+              class="h-5 w-5 fill-branding-white hover:fill-blue-400"
+              aria-hidden="true"
+              focusable="false"
+            />
             <span class="sr-only">{link.name}</span>
           </a>
         ))}