51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import Box from "@material-ui/core/Box";
|
|
import Typography from "@material-ui/core/Typography";
|
|
import FavoriteIcon from "@material-ui/icons/Favorite";
|
|
import {Link} from "@material-ui/core";
|
|
import Container from "@material-ui/core/Container";
|
|
import makeStyles from "@material-ui/core/styles/makeStyles";
|
|
|
|
|
|
const useStyles = makeStyles((theme) => ({
|
|
footer: {
|
|
flex: 0,
|
|
textAlign: "center",
|
|
padding: theme.spacing(2),
|
|
},
|
|
link: {
|
|
padding: theme.spacing(0, 0.5),
|
|
},
|
|
temp: {
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
},
|
|
}));
|
|
|
|
function Footer() {
|
|
const classes = useStyles();
|
|
|
|
return (
|
|
<React.Fragment>
|
|
<Container className={classes.footer} component="footer">
|
|
<Box>
|
|
<Typography variant="caption">
|
|
技术栈 React + Golang + SQLite，将于 11 月 28 日开源。
|
|
</Typography>
|
|
</Box>
|
|
<Box mt={2} className={classes.temp}>
|
|
<Typography display="inline">Developed with</Typography>
|
|
<FavoriteIcon color="error" fontSize="default" className={classes.link}/>
|
|
<Typography display="inline">by</Typography>
|
|
<Link color="secondary" href="https://github.com/kallydev" target="_blank"
|
|
className={classes.link}>KallyDev</Link>
|
|
<Typography display="inline">.</Typography>
|
|
</Box>
|
|
</Container>
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
|
|
export default Footer;
|