From 4315dc592066422415db2abbbc00c3ca27aea24c Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Mon, 13 Nov 2023 09:46:27 +0300
Subject: [PATCH] apps/web: add not-found page

---
 apps/web/app/not-found.tsx |  5 +++++
 packages/ui/http-error.tsx | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 apps/web/app/not-found.tsx

diff --git a/apps/web/app/not-found.tsx b/apps/web/app/not-found.tsx
new file mode 100644
index 0000000..98b5596
--- /dev/null
+++ b/apps/web/app/not-found.tsx
@@ -0,0 +1,5 @@
+import { HttpError } from 'ui';
+
+export default function NotFound() {
+  return <HttpError code="404" title="Страница не найдена" />;
+}
diff --git a/packages/ui/http-error.tsx b/packages/ui/http-error.tsx
index 2674b08..9484639 100644
--- a/packages/ui/http-error.tsx
+++ b/packages/ui/http-error.tsx
@@ -1,19 +1,19 @@
 type Props = {
   readonly code: string;
-  readonly description: string;
+  readonly description?: string;
   readonly title: string;
 };
 
 export function HttpError({ code, description, title }: Props) {
   return (
-    <section className="bg-white">
+    <section className="bg-transparent">
       <div className="mx-auto max-w-screen-xl px-4 py-8 lg:px-6 lg:py-16">
         <div className="mx-auto max-w-screen-sm text-center">
-          <h1 className="text-primary-600  mb-4 text-7xl font-extrabold tracking-tight lg:text-9xl">
+          <h1 className="text-primary-600  mb-4 text-5xl font-extrabold tracking-tight lg:text-7xl">
             {code}
           </h1>
-          <p className="mb-4 text-3xl font-bold tracking-tight text-gray-900">{title}</p>
-          <p className="mb-4 text-lg font-light text-gray-800">{description}</p>
+          <p className="mb-4 text-2xl font-bold tracking-tight text-gray-900">{title}</p>
+          {description && <p className="mb-4 text-lg font-light text-gray-800">{description}</p>}
         </div>
       </div>
     </section>