This commit is contained in:
qwertyforce 2020-12-30 00:51:48 +03:00
parent d6d130dbba
commit 155f6bbeec
3 changed files with 25 additions and 18 deletions

21
components/Footer.tsx Normal file
View File

@ -0,0 +1,21 @@
import {makeStyles } from '@material-ui/core/styles';
import Link from './Link'
import config from '../config/config'
const useStyles = makeStyles(() => ({
footer: {
display: "flex",
justifyContent: "center"
}
}));
export default function Footer() {
const classes = useStyles();
return (
<div className={classes.footer}>
<Link href='/about'>About&nbsp;</Link>
<Link href={config.api_domain}>API&nbsp;</Link>
<Link href='/stats'>Stats&nbsp;</Link>
<Link href='/tags'>Tags</Link>
</div>
);
}

View File

@ -10,6 +10,7 @@ import { GetStaticPaths } from 'next'
import { useRouter } from 'next/router'
import Photo from '../../components/Photo'
import Link from '../../components/Link'
import Footer from '../../components/Footer'
import ErrorPage from 'next/error'
import PaginationItem from "@material-ui/lab/PaginationItem/PaginationItem";
@ -17,10 +18,6 @@ const useStyles = makeStyles(() => ({
pagination: {
display: "flex",
justifyContent: 'center'
},
footer: {
display: "flex",
justifyContent: "center"
}
}));
function a11yProps(index: number) {
@ -70,11 +67,7 @@ const MainPage = (props: any) => {
}
} siblingCount={3} color="primary" size="large" />
</div>
<div className={classes.footer}>
<Link href='/about'>About&nbsp;</Link>
<Link href='/stats'>Stats&nbsp;</Link>
<Link href='/tags'>Tags</Link>
</div>
<Footer/>
</div>
)

View File

@ -10,6 +10,7 @@ import { GetStaticPaths } from 'next'
import { useRouter } from 'next/router'
import Photo from '../../components/Photo'
import Link from '../../components/Link'
import Footer from '../../components/Footer'
import ErrorPage from 'next/error'
import PaginationItem from "@material-ui/lab/PaginationItem/PaginationItem";
@ -17,10 +18,6 @@ const useStyles = makeStyles(() => ({
pagination: {
display: "flex",
justifyContent: 'center'
},
footer: {
display: "flex",
justifyContent: "center"
}
}));
function a11yProps(index: number) {
@ -70,11 +67,7 @@ const MainPage = (props: any) => {
}
} siblingCount={3} color="primary" size="large" />
</div>
<div className={classes.footer}>
<Link href='/about'>About&nbsp;</Link>
<Link href='/stats'>Stats&nbsp;</Link>
<Link href='/tags'>Tags</Link>
</div>
<Footer/>
</div>
)