more

frontend/src/components/stickies.tsx

@@ -24,7 +24,7 @@ const Stickies = () => {
   const stickyMap = buildStickyMap();
 
   const renderStickies = (items: StickyType[]) =>
-    items.map((sticky) => <Sticky key={sticky.id} sticky={sticky} />);
+    items?.map((sticky) => <Sticky key={sticky.id} sticky={sticky} />);
 
   return (
     <div className="stickies-container">
@@ -36,8 +36,8 @@ const Stickies = () => {
               <h3 className="cluster-label">{group.label}</h3>
               <div className="stickies-grid">
                 {renderStickies(
-                  group.noteIds
-                    .map((id) => stickyMap.get(id))
+                  group?.noteIds
+                    .map((id) => stickyMap?.get(id))
                     .filter((s): s is StickyType => !!s)
                 )}
               </div>

frontend/src/pages/Home.tsx

@@ -5,12 +5,12 @@ import '../styles/home.css'
 const Home = () => {
    return (
       <div>
-         <div>
+     
             <Navbar />
-         </div>
-         <div>
+        
+       
             <Stickies />
-         </div>
+        
       </div>
    );
 };

frontend/src/styles/home.css

@@ -1,7 +1,7 @@
 .main-head-box {
     border-radius: 8px;
     border: 1px solid #6dd6f4;
-    background-color: rgb(92, 0 91);
+    background-color: rgb(92, 0, 91);
     display: flex;
   }