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;