]> git.localhorst.tv Git - alttp.git/blob - resources/js/app/Footer.js
try to respond more appropriately
[alttp.git] / resources / js / app / Footer.js
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';
5
6 import PrivacyDialog from './PrivacyDialog';
7
8 const Footer = () => {
9         const [showDialog, setShowDialog] = React.useState(false);
10
11         const { t } = useTranslation();
12
13         return <footer className="bg-dark mt-5 px-3 py-5">
14                 <Row>
15                         <Col md={4}>
16                                 <h5>{t('footer.competitions')}</h5>
17                                 <Nav as="ul" className="flex-column">
18                                         <Nav.Item as="li">
19                                                 <LinkContainer to="/tournaments/6">
20                                                         <Nav.Link className="p-0 text-muted" href="/tournaments/6">
21                                                                 Deutsche ALttP Community - Seed der Woche
22                                                         </Nav.Link>
23                                                 </LinkContainer>
24                                         </Nav.Item>
25                                         <Nav.Item as="li">
26                                                 <LinkContainer to="/schedule">
27                                                         <Nav.Link className="p-0 text-muted" href="/schedule">
28                                                                 {t('footer.schedule')}
29                                                         </Nav.Link>
30                                                 </LinkContainer>
31                                         </Nav.Item>
32                                         <Nav.Item as="li">
33                                                 <LinkContainer to="/events">
34                                                         <Nav.Link className="p-0 text-muted" href="/events">
35                                                                 {t('footer.events')}
36                                                         </Nav.Link>
37                                                 </LinkContainer>
38                                         </Nav.Item>
39                                 </Nav>
40                         </Col>
41                         <Col md={4}>
42                                 <h5>{t('footer.resources')}</h5>
43                                 <Nav as="ul" className="flex-column">
44                                         <Nav.Item as="li">
45                                                 <Nav.Link
46                                                         className="p-0 text-muted"
47                                                         href="https://alttp-wiki.net/"
48                                                         target="_blank"
49                                                 >
50                                                         {t('footer.alttpwiki')}
51                                                 </Nav.Link>
52                                         </Nav.Item>
53                                         <Nav.Item as="li">
54                                                 <LinkContainer to="/tech">
55                                                         <Nav.Link className="p-0 text-muted" href="/tech">
56                                                                 {t('footer.tech')}
57                                                         </Nav.Link>
58                                                 </LinkContainer>
59                                         </Nav.Item>
60                                         <Nav.Item as="li">
61                                                 <LinkContainer to="/map">
62                                                         <Nav.Link className="p-0 text-muted" href="/map">
63                                                                 {t('footer.map')}
64                                                         </Nav.Link>
65                                                 </LinkContainer>
66                                         </Nav.Item>
67                                         <Nav.Item as="li">
68                                                 <Nav.Link
69                                                         className="p-0 text-muted"
70                                                         href="https://glitchmaps.mfns.dev/"
71                                                         target="_blank"
72                                                 >
73                                                         {t('footer.muffins')}
74                                                 </Nav.Link>
75                                         </Nav.Item>
76                                         <Nav.Item as="li">
77                                                 <Nav.Link
78                                                         className="p-0 text-muted"
79                                                         href="https://wiki.supermetroid.run/"
80                                                         target="_blank"
81                                                 >
82                                                         {t('footer.smwiki')}
83                                                 </Nav.Link>
84                                         </Nav.Item>
85                                 </Nav>
86                         </Col>
87                         <Col md={4}>
88                                 <h5>{t('footer.info')}</h5>
89                                 <Nav as="ul" className="flex-column">
90                                         <Nav.Item as="li">
91                                                 <Nav.Link
92                                                         className="p-0 text-muted"
93                                                         onClick={() => { setShowDialog(true); }}
94                                                 >
95                                                         {t('footer.privacy')}
96                                                 </Nav.Link>
97                                         </Nav.Item>
98                                         <Nav.Item as="li">
99                                                 <Nav.Link
100                                                         className="p-0 text-muted"
101                                                         href="https://discord.gg/5zuANcS"
102                                                         target="_blank"
103                                                 >
104                                                         {t('footer.alttpde')}
105                                                 </Nav.Link>
106                                         </Nav.Item>
107                                         <Nav.Item as="li">
108                                                 <Nav.Link
109                                                         className="p-0 text-muted"
110                                                         href="https://discord.com/invite/GGdrbnQmVs"
111                                                         target="_blank"
112                                                 >
113                                                         {t('footer.smd')}
114                                                 </Nav.Link>
115                                         </Nav.Item>
116                                         <Nav.Item as="li">
117                                                 <Nav.Link
118                                                         className="p-0 text-muted"
119                                                         href="https://discord.gg/hVw5Zeq"
120                                                         target="_blank"
121                                                 >
122                                                         {t('footer.connect')}
123                                                 </Nav.Link>
124                                         </Nav.Item>
125                                         <Nav.Item as="li">
126                                                 <Nav.Link
127                                                         className="p-0 text-muted"
128                                                         href="https://discord.gg/cx6nZkekXz"
129                                                         target="_blank"
130                                                 >
131                                                         {t('footer.restreamCentral')}
132                                                 </Nav.Link>
133                                         </Nav.Item>
134                                 </Nav>
135                         </Col>
136                 </Row>
137                 <p className="pt-5 text-center text-muted">{t('footer.contact')}</p>
138                 <PrivacyDialog onHide={() => { setShowDialog(false); }} show={showDialog} />
139         </footer>;
140 };
141
142 export default Footer;