From b646771398d8929eb4b98d2517584ae6b9807b55 Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Mon, 5 Jun 2023 01:49:06 +0300
Subject: [PATCH] NotFoundPage: use Status component

---
 src/components/Player/Status/Status.jsx |  3 ++-
 src/views/NotFoundView.jsx              | 25 +++++--------------------
 2 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/src/components/Player/Status/Status.jsx b/src/components/Player/Status/Status.jsx
index 0eccdd1..e409b9c 100644
--- a/src/components/Player/Status/Status.jsx
+++ b/src/components/Player/Status/Status.jsx
@@ -14,7 +14,8 @@ const fail = (details) => (
     <a
       target='_blank'
       rel='noopener noreferrer'
-      href='https://github.com/He4eT/elseifplayer/issues'>
+      href='https://github.com/He4eT/elseifplayer/issues'
+    >
       Report bug
     </a>
   </div>
diff --git a/src/views/NotFoundView.jsx b/src/views/NotFoundView.jsx
index 3194e37..96786ad 100644
--- a/src/views/NotFoundView.jsx
+++ b/src/views/NotFoundView.jsx
@@ -1,25 +1,10 @@
-import { Link } from 'wouter-preact'
+import Status from '~/src/components/Player/Status/Status'
 
 export default function NotFoundView () {
   return <main>
-    <div className='status'>
-      <h1>
-        404
-      </h1>
-      <p>
-        Page not found
-      </p>
-      <hr />
-      <Link href='/'>
-        Home
-      </Link>
-      |
-      <a
-        target='_blank'
-        rel='noopener noreferrer'
-        href='https://github.com/He4eT/elseifplayer/issues'>
-        Report bug
-      </a>
-    </div>
+    <Status
+      stage='fail'
+      details={['404', 'Page Not Found']}
+    />
   </main>
 }