pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

changed 404 page to functional component

Browse source
This commit is contained in:
Kim, Jimin 2021-12-14 21:15:04 +09:00
parent 84c2e082a6
commit be04d04039
1 changed files with 26 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

54
source/src/pages/NotFound.tsx
View file

@ -5,9 +5,8 @@ import { Helmet } from "react-helmet-async"
import theming from "../theming" import theming from "../theming"
const StyledNotFound = styled.div` const StyledNotFound = styled.div`
margin: auto;
margin-top: 2rem;
text-align: center; text-align: center;
color: ${(props) => color: ${(props) =>
theming.theme(props.theme.currentTheme, { theming.theme(props.theme.currentTheme, {
light: "#111111", light: "#111111",
@ -16,33 +15,32 @@ const StyledNotFound = styled.div`
` `
const Styled404 = styled.h1` const Styled404 = styled.h1`
font-size: 3rem; font-size: 5rem;
` `
export default class NotFound extends React.Component { const NotFound = () => {
render() { return (
return ( <>
<> <Helmet>
<Helmet> <title>pomp | 404</title>
<title>pomp | 404</title>
<meta property="og:title" content="Page Not Found" /> <meta property="og:title" content="Page Not Found" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="http://developomp.com" /> <meta property="og:url" content="http://developomp.com" />
<meta <meta
property="og:image" property="og:image"
content="http://developomp.com/icon/icon.svg" content="http://developomp.com/icon/icon.svg"
/> />
<meta <meta property="og:description" content="Page does not exist" />
property="og:description" </Helmet>
content="Page does not exist"
/> <StyledNotFound className="card main-content">
</Helmet> <Styled404>404</Styled404>
<StyledNotFound className="card main-content"> <br />
<Styled404>404</Styled404> Page was not found :(
the page you are looking for does not exist. :( </StyledNotFound>
</StyledNotFound> </>
</> )
)
}
} }
export default NotFound