fix: display notebook icons correctly instead of icon names

Fixes issue where notebook dropdown showed icon name (e.g., "folder")
instead of the actual icon component.

Problem:
- note-card.tsx was displaying {notebook.icon} as text
- Users saw "folder", "book", etc. instead of icons

Solution:
- Import Lucide icon components (Folder, Book, Briefcase, etc.)
- Add ICON_MAP matching icon names to components
- Use getNotebookIcon() function to resolve icon name to component
- Render component as <NotebookIcon className="h-4 w-4 mr-2" />

Changes:
- components/note-card.tsx:
  - Add LucideIcon and icon imports
  - Add ICON_MAP and getNotebookIcon() helper
  - Update notebook dropdown to render icon components

Result:
✓ Notebook icons now display correctly in dropdown menu
✓ Consistent with notebooks-list.tsx implementation

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-12 22:02:31 +01:00
parent c95b0d5650
commit 4fa418438f
2 changed files with 37 additions and 11 deletions

View File

@@ -55,7 +55,8 @@
"mcp__web-search-prime__webSearchPrime",
"mcp__context7__query-docs",
"Bash(docker logs:*)",
"Bash(docker run:*)"
"Bash(docker run:*)",
"Bash(docker exec:*)"
]
}
}