Unmei/Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

admin panel; footer module; select

Browse Source
This commit is contained in:
ScuroNeko
2021-02-23 01:10:19 +03:00
parent ecf88a8608
commit 6389ee8e55
28 changed files with 413 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Footer/Footer.tsx
+24 -14
View File
@@ -1,36 +1,46 @@
import React from 'react';
import './Footer.sass';
import React, { useMemo, useState } from 'react';
import styles from './Footer.module.sass';
import { Link } from "react-router-dom";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faDiscord, faTelegramPlane, faVk } from '@fortawesome/free-brands-svg-icons';
import { build, getVersion, version } from "../../api/api";
const Footer: React.FC = () => {
const [backend, setVersion] = useState<VersionResponse>({ version: '', build: 0 });
useMemo(() => {
getVersion().then(setVersion);
}, []);
return (
<div className='Footer'>
<footer className='Footer__Tabs'>
<div className="Footer__Tab">
<div className="Footer__Tab_Title">Команда</div>
<div className={styles.Footer}>
<footer className={styles.Footer__Tabs}>
<div className={styles.Footer__Tab}>
<div className={styles.Footer__Tab_Title}>Команда</div>
<Link to={'/user/1'} className={'Link'}>Nix13</Link>
<Link to={'/user/6'} className={'Link'}>RonFall</Link>
</div>
<div className="Footer__Tab">
<div className="Footer__Tab_Title">Соцсети</div>
<div className={styles.Footer__Tab}>
<div className={styles.Footer__Tab_Title}>Соцсети</div>
<div className="Links">
<div className={styles.Links}>
<a href="https://vk.com/unmei_site">
<div className="Link"><FontAwesomeIcon icon={faVk}/></div>
<div className={styles.Link}><FontAwesomeIcon icon={faVk}/></div>
</a>
<a href="https://discord.gg/4CA8Cju">
<div className="Link"><FontAwesomeIcon icon={faDiscord}/></div>
<div className={styles.Link}><FontAwesomeIcon icon={faDiscord}/></div>
</a>
<a href="https://t.me/unmei_site">
<div className="Link"><FontAwesomeIcon icon={faTelegramPlane}/></div>
<div className={styles.Link}><FontAwesomeIcon icon={faTelegramPlane}/></div>
</a>
</div>
</div>
</footer>
<div className="Footer__Bottom">
Unmei © 2019-2021
<div className={styles.Footer__Bottom}>
<div>Unmei © 2019-2021</div>
<div>
Frontend version: <span style={{ color: backend.build == build ? "green" : "red" }}>{version} ({build})</span>;
Backend version: <span style={{ color: backend.build == build ? "green" : "red" }}>{backend.version} ({backend.build})</span>
</div>
</div>
</div>
);