tudor.stanciu
/
cdn-frontend
mirror of https://dev.azure.com/tstanciu94/CDN/_git/CDN_Frontend
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

content footer component

master
Tudor Stanciu 2021-07-04 02:38:29 +03:00
parent b075d31ee8
commit 678fc6a4e4
2 changed files with 75 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/components/Layout/Content.js
View File

@ -1,15 +1,6 @@
import React from "react"; import React from "react";
import { Route, Switch, Redirect } from "react-router-dom"; import { Route, Switch, Redirect } from "react-router-dom";
import classnames from "classnames"; import classnames from "classnames";
import { Box, IconButton, Link } from "@material-ui/core";
import Icon from "@mdi/react";
//icons
import {
mdiFacebook as FacebookIcon,
mdiTwitter as TwitterIcon,
mdiGithub as GithubIcon
} from "@mdi/js";
// pages // pages
import Dashboard from "../../pages/dashboard/Dashboard"; import Dashboard from "../../pages/dashboard/Dashboard";
@ -19,6 +10,7 @@ import Maps from "../../pages/maps/Maps";
import Tables from "../../pages/tables/Tables"; import Tables from "../../pages/tables/Tables";
import Icons from "../../pages/icons/Icons"; import Icons from "../../pages/icons/Icons";
import Charts from "../../pages/charts/Charts"; import Charts from "../../pages/charts/Charts";
import ContentFooter from "./ContentFooter";
// context // context
import { useLayoutState } from "../../context/LayoutContext"; import { useLayoutState } from "../../context/LayoutContext";
@ -52,57 +44,7 @@ const Content = () => {
<Route path="/app/ui/icons" component={Icons} /> <Route path="/app/ui/icons" component={Icons} />
<Route path="/app/ui/charts" component={Charts} /> <Route path="/app/ui/charts" component={Charts} />
</Switch> </Switch>
<Box <ContentFooter />
mt={5}
width={"100%"}
display={"flex"}
alignItems={"center"}
justifyContent="space-between"
>
<div>
<Link
color={"primary"}
href={"https://flatlogic.com/"}
target={"_blank"}
className={classes.link}
>
Flatlogic
</Link>
<Link
color={"primary"}
href={"https://flatlogic.com/about"}
target={"_blank"}
className={classes.link}
>
About Us
</Link>
<Link
color={"primary"}
href={"https://flatlogic.com/blog"}
target={"_blank"}
className={classes.link}
>
Blog
</Link>
</div>
<div>
<Link href={"https://www.facebook.com/flatlogic"} target={"_blank"}>
<IconButton aria-label="facebook">
<Icon path={FacebookIcon} size={1} color="#6E6E6E99" />
</IconButton>
</Link>
<Link href={"https://twitter.com/flatlogic"} target={"_blank"}>
<IconButton aria-label="twitter">
<Icon path={TwitterIcon} size={1} color="#6E6E6E99" />
</IconButton>
</Link>
<Link href={"https://github.com/flatlogic"} target={"_blank"}>
<IconButton aria-label="github" style={{ marginRight: -12 }}>
<Icon path={GithubIcon} size={1} color="#6E6E6E99" />
</IconButton>
</Link>
</div>
</Box>
</div> </div>
); );
}; };

73
src/components/Layout/ContentFooter.js Normal file
View File

@ -0,0 +1,73 @@
import React from "react";
import { Box, IconButton, Link } from "@material-ui/core";
import Icon from "@mdi/react";
//icons
import {
mdiFacebook as FacebookIcon,
mdiTwitter as TwitterIcon,
mdiGithub as GithubIcon
} from "@mdi/js";
// styles
import useStyles from "./styles";
const ContentFooter = () => {
var classes = useStyles();
return (
<Box
mt={5}
width={"100%"}
display={"flex"}
alignItems={"center"}
justifyContent="space-between"
>
<div>
<Link
color={"primary"}
href={"https://flatlogic.com/"}
target={"_blank"}
className={classes.link}
>
Flatlogic
</Link>
<Link
color={"primary"}
href={"https://flatlogic.com/about"}
target={"_blank"}
className={classes.link}
>
About Us
</Link>
<Link
color={"primary"}
href={"https://flatlogic.com/blog"}
target={"_blank"}
className={classes.link}
>
Blog
</Link>
</div>
<div>
<Link href={"https://www.facebook.com/flatlogic"} target={"_blank"}>
<IconButton aria-label="facebook">
<Icon path={FacebookIcon} size={1} color="#6E6E6E99" />
</IconButton>
</Link>
<Link href={"https://twitter.com/flatlogic"} target={"_blank"}>
<IconButton aria-label="twitter">
<Icon path={TwitterIcon} size={1} color="#6E6E6E99" />
</IconButton>
</Link>
<Link href={"https://github.com/flatlogic"} target={"_blank"}>
<IconButton aria-label="github" style={{ marginRight: -12 }}>
<Icon path={GithubIcon} size={1} color="#6E6E6E99" />
</IconButton>
</Link>
</div>
</Box>
);
};
export default ContentFooter;