diff --git a/components/HoC/TitleWithDivider.tsx b/components/HoC/TitleWithDivider.tsx index ef3eea4..d908cfa 100644 --- a/components/HoC/TitleWithDivider.tsx +++ b/components/HoC/TitleWithDivider.tsx @@ -6,15 +6,15 @@ interface ITitleDividerProps extends MUI.TypographyProps { } const TitleWithDivider: React.FC = (props) => { - const { text, variant, gutterBottom } = props + const { text, color, ...rest } = props return ( + color={color || 'primary'} + // eslint-disable-next-line react/jsx-props-no-spreading + {...rest}> {text} diff --git a/pages/404.tsx b/pages/404.tsx index 635a030..ebe474e 100644 --- a/pages/404.tsx +++ b/pages/404.tsx @@ -1,21 +1,31 @@ +import TitleWithDivider from '@components/HoC/TitleWithDivider' import { PageAnimation } from '@components/UI' import * as MUI from '@material-ui/core' import { lpar } from '@util/characters' import { PageProps } from 'PageProps' const Page404: React.FC = () => ( - - - 404 - Page Not Found :{lpar} - + <> + {/* TODO: Make this a Framer animation to showcase and make errors more fun */} - - Redirecting in 10 seconds... - - - Go to front page? - - + + + Redirecting in 10 seconds... + + + Go to front page? + + + ) export default Page404