From 30a1c36a90c5ea3cc2697dacd26063944673ab86 Mon Sep 17 00:00:00 2001 From: Edwin Hernandez Date: Thu, 26 Dec 2024 19:32:11 -0600 Subject: [PATCH] refactor: :recycle: Update not-found, and hero-image load --- src/app/not-found.tsx | 33 ++++++++++++++----- src/components/common/layouts/BaseLayout.tsx | 2 +- .../components/Hero/components/HeroImage.tsx | 10 +++--- 3 files changed, 31 insertions(+), 14 deletions(-) diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx index f594d81..42d0661 100644 --- a/src/app/not-found.tsx +++ b/src/app/not-found.tsx @@ -1,4 +1,5 @@ import { Button } from "@/components/ui/button"; +import { ArrowLeftIcon } from "lucide-react"; import type { Metadata } from "next"; import Link from "next/link"; @@ -9,14 +10,28 @@ export const metadata: Metadata = { export default function Custom404() { return ( -
-

404

-

- Uh oh! This page does not exists, maybe you clicked an old link or misspelled. Please try again… -

- -
+
+
+
+
+

404

+
+
+

Uh oh!

+

Maybe I renamed or deleted the page. Try again.

+
+
+ +
+
+
+
+
+
); } diff --git a/src/components/common/layouts/BaseLayout.tsx b/src/components/common/layouts/BaseLayout.tsx index e0e67e7..dfe1a39 100644 --- a/src/components/common/layouts/BaseLayout.tsx +++ b/src/components/common/layouts/BaseLayout.tsx @@ -9,7 +9,7 @@ interface BaseLayoutProps extends PropsWithChildren { className?: string; } -export function BaseLayout({ children, className }: BaseLayoutProps) { +export function BaseLayout({ children, className }: Readonly) { return ( diff --git a/src/components/features/home/components/Hero/components/HeroImage.tsx b/src/components/features/home/components/Hero/components/HeroImage.tsx index 0c53630..0592e2e 100644 --- a/src/components/features/home/components/Hero/components/HeroImage.tsx +++ b/src/components/features/home/components/Hero/components/HeroImage.tsx @@ -8,11 +8,13 @@ export const HeroImage = memo(function HeroImage() { Picture of the author ); });