From f3c6d9f7b94ba8a90168f8af8207398d26d07974 Mon Sep 17 00:00:00 2001
From: KS Jannette <kjannette@KSs-MacBook-Air.local>
Date: Fri, 13 Feb 2026 13:18:00 -0500
Subject: [PATCH] more

---
 frontend/src/components/stickies.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/stickies.tsx b/frontend/src/components/stickies.tsx
index a48fc91..7a5d3e0 100644
--- a/frontend/src/components/stickies.tsx
+++ b/frontend/src/components/stickies.tsx
@@ -23,6 +23,9 @@ const Stickies = () => {
 
   const stickyMap = buildStickyMap();
 
+  const renderStickies = (items: StickyType[]) =>
+    items.map((sticky) => <Sticky key={sticky.id} sticky={sticky} />);
+
   return (
     <div className="stickies-container">
       <Button onClick={handleCluster} isLoading={isPending} label="Group Stickies By Topic" />
@@ -32,19 +35,18 @@ const Stickies = () => {
             <div key={group.label} className="cluster-group">
               <h3 className="cluster-label">{group.label}</h3>
               <div className="stickies-grid">
-                {group.noteIds.map((id) => {
-                  const sticky = stickyMap.get(id);
-                  return sticky ? <Sticky key={sticky.id} sticky={sticky} /> : null;
-                })}
+                {renderStickies(
+                  group.noteIds
+                    .map((id) => stickyMap.get(id))
+                    .filter((s): s is StickyType => !!s)
+                )}
               </div>
             </div>
           ))}
         </div>
       ) : (
         <div className="stickies-grid">
-          {stickies?.map((sticky) => (
-            <Sticky key={sticky.id} sticky={sticky} />
-          ))}
+          {renderStickies(stickies ?? [])}
         </div>
       )}
     </div>