mirror of
https://github.com/qwertyforce/scenery.git
synced 2025-05-31 11:42:35 +00:00
footer
This commit is contained in:
parent
d6d130dbba
commit
155f6bbeec
21
components/Footer.tsx
Normal file
21
components/Footer.tsx
Normal 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 </Link>
|
||||
<Link href={config.api_domain}>API </Link>
|
||||
<Link href='/stats'>Stats </Link>
|
||||
<Link href='/tags'>Tags</Link>
|
||||
</div>
|
||||
);
|
||||
}
|
@ -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 </Link>
|
||||
<Link href='/stats'>Stats </Link>
|
||||
<Link href='/tags'>Tags</Link>
|
||||
</div>
|
||||
<Footer/>
|
||||
</div>
|
||||
|
||||
)
|
||||
|
@ -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 </Link>
|
||||
<Link href='/stats'>Stats </Link>
|
||||
<Link href='/tags'>Tags</Link>
|
||||
</div>
|
||||
<Footer/>
|
||||
</div>
|
||||
|
||||
)
|
||||
|
Loading…
x
Reference in New Issue
Block a user