Adds RSS button

2 files changed, 13 insertions, 10 deletions

diff --git a/src/components/Button.astro b/src/components/Button.astro
index 9cc3885..20b6087 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -1,17 +1,13 @@
 ---
-import type Digit from '$types/Digit';
-
-type LayoutClasses = `grid-span-${Digit}${'' | ' grid-end' | ' grid-prose-end'}`;
-
 interface Props {
   href: string;
-  layoutClasses: LayoutClasses;
+  classNames: string;
 }
 
-const { href, layoutClasses } = Astro.props;
+const { href, classNames } = Astro.props;
 ---
 
-<a class={`btn ${layoutClasses}`} href={href}>
+<a class={`btn ${classNames}`} href={href}>
   <p>
     <slot />
   </p>
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 62b3b82..40fdddb 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,6 +1,6 @@
 ---
 import translate from '$i18n/translate';
-import tSite from '$i18n/translations/site';
+import tComponent from '$i18n/translations/components/footer';
 import { getLocaleFromPathOrDefault } from '$lib/getLocaleFromPath';
 import Button from './Button.astro';
 
@@ -9,7 +9,14 @@ const t = translate(locale);
 ---
 
 <footer>
-  <Button layoutClasses="grid-span-3 grid-end" href="#top">
-    ▲ {t(tSite, { key: 'back-to-top' })}
+  <a href={`/${locale}/rss.xml`} class="footer__rss-button">
+    <span class="footer__rss-button__label">
+      {t(tComponent, { key: 'subscribe-to-rss' })}
+    </span>
+    <img class="footer__rss-button__img" src="/images/rss.svg" />
+  </a>
+
+  <Button classNames="footer__back-to-top" href="#top">
+    ▲ {t(tComponent, { key: 'back-to-top' })}
   </Button>
 </footer>