USEFULL/qw-gallery-scenery
1
0
Fork 0
mirror of https://github.com/qwertyforce/scenery.git synced 2025-05-31 11:42:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

footer

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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>
);
}

11
pages/last_added/[page].tsx
View File

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

11
pages/top_rated/[page].tsx
View File

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