Refactor RSS button/code

src/components/base/Footer.astro

@@ -1,6 +1,5 @@
 ---
 import Social from "@components/common/Social.astro";
-import { FiRss } from 'react-icons/fi';
 ---
 
 <footer class="glass container lg:my-4 lg:rounded-lg intersect:animate-fadeUp opacity-0">
@@ -19,13 +18,11 @@ import { FiRss } from 'react-icons/fi';
         links={{
           //facebook: "https://www.facebook.com/",
           github: "https://www.github.com/Kremtastic",
+          rss: "/rss.xml",
           //instagram: "https://www.instagram.com/",
           linkedIn: "https://www.linkedin.com/in/kristian-emil-takvam-70a475215/",
         }}
       />
-      <a href="/rss.xml" target="_blank" rel="noopener" class="text-orange-500 hover:text-orange-400">
-        <FiRss size={24} />
-      </a>
     </div>
     
   </div>

src/components/common/Social.astro

@@ -12,6 +12,7 @@ import {
   FaTiktok,
   FaGlobe,
   FaYoutube,
+  FaRss,
 } from "react-icons/fa";
 
 interface Props {
@@ -154,6 +155,20 @@ const iconClass =
           </a>
         </li>
       )}
+      {links.rss && (
+        <li class={liClass}>
+          <a
+            class={iconClass}
+            aria-label="RSS"
+            href={links.rss}
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+          >
+            <span class="sr-only">RSS</span>
+            <FaRss className="w-6 h-6" />
+          </a>
+        </li>
+      )}
       {links.youtube && (
         <li class={liClass}>
           <a

src/content.config.ts

@@ -21,6 +21,7 @@ const social = z.object({
   pinterest: z.string().optional(),
   tiktok: z.string().optional(),
   website: z.string().optional(),
+  rss: z.string().optional(),
   youtube: z.string().optional(),
 });
 

src/lib/contentParser.ts

@@ -1,7 +1,7 @@
 import { getEntry, getCollection, type CollectionKey } from "astro:content";
 import type { GenericEntry } from "@/types";
 
-export const getIndex = async (collection: CollectionKey): Promise<GenericEntry> => {
+export const getIndex = async (collection: CollectionKey): Promise<GenericEntry | undefined> => {
   const index = await getEntry(collection, "-index");
   return index;
 }

src/types/index.d.ts

@@ -35,6 +35,7 @@ export type SocialLinks = {
   tiktok?: string;
   website?: string;
   youtube?: string;
+  rss?: string;
 }
 
 export type EntryReference = {