src/components/Footer.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

---
import translate from '$i18n/translate';
import tComponent from '$i18n/translations/components/footer';
import { getLocaleFromPathOrDefault } from '$lib/getLocaleFromPath';
import Button from './Button.astro';
import rssImg from '$images/rss.svg';

const locale = getLocaleFromPathOrDefault(Astro.url.pathname);
const t = translate(locale);
---

<footer>
  <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={rssImg.src} alt="" height="44" width="44" />
  </a>

  <Button classNames="footer__back-to-top" href="#top">
    ▲ {t(tComponent, { key: 'back-to-top' })}
  </Button>
</footer>