diff options
Diffstat (limited to 'frontend/src/components/Footer.js')
| -rw-r--r-- | frontend/src/components/Footer.js | 45 |
1 files changed, 25 insertions, 20 deletions
diff --git a/frontend/src/components/Footer.js b/frontend/src/components/Footer.js index 4afc7ba..b487e6e 100644 --- a/frontend/src/components/Footer.js +++ b/frontend/src/components/Footer.js @@ -1,27 +1,32 @@ -import React from 'react'; -import styled from 'styled-components' +import React from "react"; +import styled from "styled-components"; const SpacedFooter = styled.div` - & > p { - font-size: 0.8em; - } - & a { - color: ${p => p.theme.colors.text}; - } -` + & > p { + font-size: 0.8em; + } + & a { + color: ${(p) => p.theme.colors.text}; + } +`; const Link = (props) => { - return ( - <a href={props.link} target="_blank" rel="noopener noreferrer">{props.name}</a> - ); -} + return ( + <a href={props.link} target="_blank" rel="noopener noreferrer"> + {props.name} + </a> + ); +}; const Footer = () => { - return ( - <SpacedFooter> - <p>(c) 2020 // <Link link="https://jzhao.xyz/" name="jacky" />, <Link link="https://ryanmehri.tech/" name="ryan" /></p> - </SpacedFooter> - ); -} + return ( + <SpacedFooter> + <p> + (c) 2021 // <Link link="https://jzhao.xyz/" name="jacky" />,{" "} + <Link link="https://ryanmehri.tech/" name="ryan" /> + </p> + </SpacedFooter> + ); +}; -export default Footer;
\ No newline at end of file +export default Footer; |