1 import React from 'react';
2 import { Col, Nav, Row } from 'react-bootstrap';
3 import { useTranslation } from 'react-i18next';
4 import { LinkContainer } from 'react-router-bootstrap';
6 import PrivacyDialog from './PrivacyDialog';
9 const [showDialog, setShowDialog] = React.useState(false);
11 const { t } = useTranslation();
13 return <footer className="bg-dark mt-5 px-3 py-5">
16 <h5>{t('footer.competitions')}</h5>
17 <Nav as="ul" className="flex-column">
19 <LinkContainer to="/tournaments/6">
20 <Nav.Link className="p-0 text-muted" href="/tournaments/6">
21 Deutsche ALttP Community - Seed der Woche
28 <h5>{t('footer.resources')}</h5>
29 <Nav as="ul" className="flex-column">
32 className="p-0 text-muted"
33 href="https://alttp-wiki.net/"
36 {t('footer.alttpwiki')}
40 <LinkContainer to="/tech">
41 <Nav.Link className="p-0 text-muted" href="/tech">
47 <LinkContainer to="/map">
48 <Nav.Link className="p-0 text-muted" href="/map">
55 className="p-0 text-muted"
56 href="https://glitchmaps.mfns.dev/"
63 <LinkContainer to="/schedule">
64 <Nav.Link className="p-0 text-muted" href="/schedule">
65 {t('footer.schedule')}
71 className="p-0 text-muted"
72 href="https://wiki.supermetroid.run/"
81 <h5>{t('footer.info')}</h5>
82 <Nav as="ul" className="flex-column">
85 className="p-0 text-muted"
86 onClick={() => { setShowDialog(true); }}
93 className="p-0 text-muted"
94 href="https://discord.gg/5zuANcS"
102 className="p-0 text-muted"
103 href="https://discord.com/invite/GGdrbnQmVs"
111 className="p-0 text-muted"
112 href="https://discord.gg/hVw5Zeq"
115 {t('footer.connect')}
121 <p className="pt-5 text-center text-muted">{t('footer.contact')}</p>
122 <PrivacyDialog onHide={() => { setShowDialog(false); }} show={showDialog} />
126 export default Footer;