From 48b636778b8f56b72a277b8bd67a125574e2895b Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Thu, 18 Aug 2022 00:35:30 -0400
Subject: [PATCH] Add RSS Icon

---
 src/components/icons/IconRSS.astro  | 21 +++++++++++++++++++++
 src/components/icons/index.js       | 13 ++++++++++++-
 src/components/widgets/Footer.astro | 12 +++++++++++-
 src/components/widgets/Header.astro |  9 ++++++++-
 4 files changed, 52 insertions(+), 3 deletions(-)
 create mode 100644 src/components/icons/IconRSS.astro

diff --git a/src/components/icons/IconRSS.astro b/src/components/icons/IconRSS.astro
new file mode 100644
index 0000000..5b9bc17
--- /dev/null
+++ b/src/components/icons/IconRSS.astro
@@ -0,0 +1,21 @@
+---
+const { class: className = "w-5 h-5" } = Astro.props;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  class={className}
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  stroke-width="1.5"
+  stroke="currentColor"
+  fill="none"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+  <circle cx="5" cy="19" r="1"></circle>
+  <path d="M4 4a16 16 0 0 1 16 16"></path>
+  <path d="M4 11a9 9 0 0 1 9 9"></path>
+</svg>
diff --git a/src/components/icons/index.js b/src/components/icons/index.js
index e9ecf7e..3c0deeb 100644
--- a/src/components/icons/index.js
+++ b/src/components/icons/index.js
@@ -6,5 +6,16 @@ import IconInstagram from "./IconInstagram.astro";
 import IconArrowRight from "./IconArrowRight.astro";
 import IconMenu from "./IconMenu.astro";
 import IconArrowDownRight from "./IconArrowDownRight.astro";
+import IconRSS from "./IconRSS.astro";
 
-export { IconSun, IconGithub, IconTwitter, IconFacebook, IconInstagram, IconArrowRight, IconMenu, IconArrowDownRight };
+export {
+  IconSun,
+  IconGithub,
+  IconTwitter,
+  IconFacebook,
+  IconInstagram,
+  IconArrowRight,
+  IconMenu,
+  IconArrowDownRight,
+  IconRSS,
+};
diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
index 2ed14e9..877a0ec 100644
--- a/src/components/widgets/Footer.astro
+++ b/src/components/widgets/Footer.astro
@@ -4,6 +4,7 @@ import {
   IconInstagram,
   IconFacebook,
   IconArrowRight,
+  IconRSS,
 } from "~/components/icons";
 const {} = Astro.props;
 ---
@@ -196,7 +197,7 @@ const {} = Astro.props;
       </div>
     </div>
     <div class="md:flex md:items-center md:justify-between py-4 md:py-8">
-      <ul class="flex mb-4 md:order-1 md:ml-4 md:mb-0">
+      <ul class="flex mb-6 md:order-1 md:ml-4 md:mb-0">
         <li>
           <a
             class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
@@ -224,6 +225,15 @@ const {} = Astro.props;
             <IconFacebook />
           </a>
         </li>
+        <li class="ml-4">
+          <a
+            class="flex justify-center items-center text-gray-600 hover:text-gray-700 dark:text-gray-400 bg-white hover:bg-white-100 rounded-full shadow transition duration-150 ease-in-out dark:bg-gray-800 dark:text-gray-400 p-1.5"
+            aria-label="Twitter"
+            href="#"
+          >
+            <IconRSS />
+          </a>
+        </li>
       </ul>
       <div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
         <span
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 0cac5f4..2a2500c 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -1,5 +1,5 @@
 ---
-import { IconSun, IconGithub, IconMenu } from "~/components/icons";
+import { IconSun, IconGithub, IconMenu, IconRSS } from "~/components/icons";
 const {} = Astro.props;
 ---
 
@@ -84,6 +84,13 @@ const {} = Astro.props;
           >
             <IconSun />
           </button>
+          <a
+            class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center"
+            aria-label="RSS Feed"
+            href="/rss.xml"
+          >
+            <IconRSS />
+          </a>
           <a
             href="https://github.com/onwidget/astrowind"
             class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-1"