GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-20 05:12:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

use custom Image component

Browse Source
This commit is contained in:
AykutSarac 2022-02-03 19:58:12 +03:00
parent a8526336f6
commit 09ea848e35
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/404/index.tsx
View File

@ -1,8 +1,8 @@
import React from "react";
import Image from "next/image";
import styled from "styled-components";
import { Button } from "src/components/Button";
import { useRouter } from "next/router";
import { Image } from "src/components/Image";
const StyledNotFound = styled.div`
display: flex;
@ -26,12 +26,18 @@ const StyledSubMessage = styled.div`
margin-bottom: 25px;
`;
const StyledImageWrapper = styled.div`
width: 300px;
`;
const NotFound: React.FC = () => {
const router = useRouter();
return (
<StyledNotFound>
<Image src="/404.svg" alt="" width={300} height={400} />
<StyledImageWrapper>
<Image src="/404.svg" alt="404" width={300} height={400} />
</StyledImageWrapper>
<StyledMessage>WIZARDS BEHIND CURTAINS?</StyledMessage>
<StyledSubMessage>
Looks like you&apos;re lost, let&apos;s head back to the home!