pixies

1import {Link} from "react-router-dom";
2import "./styles.sass";
3import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
4import {faGithub} from "@fortawesome/free-brands-svg-icons";
5import {DOCUMENTATION_ROOT} from "@/common/utils/constants";
6
7const GITHUB_LINK = "https://github.com/ikhsanddy/pixies";
8
9export const Footer = () => {
10    return (
11        <footer className="footer">
12            <div className="footer-content">
13                <div className="footer-left">
14                    <p>© {new Date().getFullYear()} Pixies</p>
15                </div>
16                
17                <div className="footer-links">
18                    <Link to="/install">Install</Link>
19                    <Link to="/tutorials">Tutorials</Link>
20                    <a href={DOCUMENTATION_ROOT} target="_blank" rel="noopener noreferrer">Docs</a>
21                    <Link to="/imprint">Imprint</Link>
22                    <Link to="/privacy">Privacy</Link>
23                </div>
24
25                <div className="footer-right">
26                    <a href={GITHUB_LINK} target="_blank" rel="noopener noreferrer" className="github-link">
27                        <FontAwesomeIcon icon={faGithub}/>
28                    </a>
29                </div>
30            </div>
31        </footer>
32    )
33}