From 9055c9ba6fb8a8c226156593c06a34cc5f522033 Mon Sep 17 00:00:00 2001
From: "Federico Pasqua (eisterman)" <federico.pasqua.96@gmail.com>
Date: Tue, 1 Apr 2025 18:31:50 +0200
Subject: [PATCH] I'M NOT FINISHED WITH THIS.

---
 src/routes/__root.tsx                       |  8 ++++++++
 src/routes/_sidebar.tsx                     | 15 +++++++++++----
 src/routes/_sidebar/contacts.$contactId.tsx |  6 ------
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index f3b2484..78412fb 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -23,6 +23,14 @@ export const Route = createRootRoute({
     }]
   }),
   component: RootLayout,
+  notFoundComponent: () => {
+    return (
+      <main id="error-page">
+        <h1>404</h1>
+        <p>The requested page could not be found.</p>
+      </main>
+    );
+  }
 });
 
 function RootLayout() {
diff --git a/src/routes/_sidebar.tsx b/src/routes/_sidebar.tsx
index 2f6a164..27c72d1 100644
--- a/src/routes/_sidebar.tsx
+++ b/src/routes/_sidebar.tsx
@@ -13,12 +13,19 @@ export const Route = createFileRoute('/_sidebar')({
 });
 
 function Sidebar() {
-  const cazzo = Route.useLoaderData();
-  if (cazzo === undefined) {
+  const loaderData = Route.useLoaderData();
+  if (loaderData === undefined) {
     console.log("SIDEBAR ERROR!?");
-    return <div>CANE DIO SIDEBAR MORTE</div>;
+    return (
+      <>
+        <div id="sidebar">UNDEFINED LOADER DATA IN SIDEBAR</div>
+        <div id={'detail'}>
+          <Outlet/>
+        </div>
+      </>
+    );
   }
-  const { contacts } = cazzo;
+  const { contacts } = loaderData;
 
   return (
     <>
diff --git a/src/routes/_sidebar/contacts.$contactId.tsx b/src/routes/_sidebar/contacts.$contactId.tsx
index e6dfa9f..835670e 100644
--- a/src/routes/_sidebar/contacts.$contactId.tsx
+++ b/src/routes/_sidebar/contacts.$contactId.tsx
@@ -15,12 +15,6 @@ export const Route = createFileRoute('/_sidebar/contacts/$contactId')({
 
 function Contact() {
   const { contact } = Route.useLoaderData();
-  if (contact === undefined) {
-    console.log("CANE");
-    return <div>PORCODIO</div>;
-  }
-  console.log("CANEDIO");
-  console.log(contact);
 
   return (
     <div id="contact">