From ec9e98e69661484b71e26365a5aaa3ee91f94bfe Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Thu, 1 Jan 2026 15:45:17 -0800
Subject: [PATCH] fix: Resolve TSX syntax error in TypeLibrary and update task
 list

---
 frontend/src/components/layout-editor/TypeLibrary.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/layout-editor/TypeLibrary.tsx b/frontend/src/components/layout-editor/TypeLibrary.tsx
index 486b34b..83dae86 100644
--- a/frontend/src/components/layout-editor/TypeLibrary.tsx
+++ b/frontend/src/components/layout-editor/TypeLibrary.tsx
@@ -86,6 +86,8 @@ export function TypeLibrary({ plantTypes, onDragStart, onCreateType, className }
 
                     const isExpanded = expandedCategories.has(category);
 
+                    const categoryData = CATEGORY_LABELS[category];
+
                     return (
                         <div key={category} className="border-b border-slate-800">
                             <button
@@ -93,13 +95,14 @@ export function TypeLibrary({ plantTypes, onDragStart, onCreateType, className }
                                 className="w-full px-3 py-2 flex items-center justify-between text-left hover:bg-slate-800 transition-colors"
                             >
                                 <span className="text-sm font-medium text-slate-300 flex items-center gap-2">
-                                    {CATEGORY_LABELS[category] && (
+                                    {categoryData ? (
                                         <>
-                                            <CATEGORY_LABELS[category].Icon className="w-4 h-4 text-emerald-500" />
-                                            {CATEGORY_LABELS[category].label}
+                                            <categoryData.Icon className="w-4 h-4 text-emerald-500" />
+                                            {categoryData.label}
                                         </>
+                                    ) : (
+                                        category
                                     )}
-                                    {!CATEGORY_LABELS[category] && category}
                                     <span className="text-xs text-slate-500">({types.length})</span>
                                 </span>
                                 <ChevronDown className={cn('w-4 h-4 text-slate-400 transition-transform', isExpanded && 'rotate-180')} />