daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add remaining IDE icons (vibe-kanban) (#925)

Browse Source 
* Perfect! All the icons have been successfully added. The implementation is now complete:

✅ **Zed**: Added theme-aware icons (zed-dark.svg, zed-light.svg)
✅ **IntelliJ**: Added single icon (intellij.svg) since IntelliJ typically uses one consistent icon
✅ **Windsurf**: Added theme-aware icons (windsurf-dark.svg, windsurf-light.svg)

The [`IdeIcon` component](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2b83-remaining-ide-ic/frontend/src/components/ide/IdeIcon.tsx#L19-L64) now properly handles all three IDE types with appropriate theme support, and the [`OpenInIdeButton`](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2b83-remaining-ide-ic/frontend/src/components/ide/OpenInIdeButton.tsx) component already had the correct labels configured.

* Perfect! I've made the following changes:

✅ **Fixed Zed icons**: Now correctly uses light icon on dark theme and dark icon on light theme
✅ **Fixed Windsurf icons**: Now correctly uses light icon on dark theme and dark icon on light theme
✅ **Added Xcode support**: Ready to display Xcode icon when you add `xcode.svg` to the `/ide` directory

The icon mapping now works correctly - dark-colored icons show on light backgrounds, and light-colored icons show on dark backgrounds.

* Perfect! The Xcode icon has been successfully added. Now all IDE icons are in place:

✅ **Xcode**: Added `xcode.svg` icon
✅ **Zed**: Theme-aware icons with correct mapping
✅ **IntelliJ**: Single consistent icon
✅ **Windsurf**: Theme-aware icons with correct mapping

All IDE types from the EditorType enum now have proper icon support in the [`IdeIcon` component](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2b83-remaining-ide-ic/frontend/src/components/ide/IdeIcon.tsx).

* format IdeIcon.tsx
This commit is contained in:
Britannio Jarrett
2025-10-03 16:42:02 +01:00
committed by GitHub
parent d6da689594
commit 81af7ac36c
7 changed files with 58 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/ide/IdeIcon.tsx
View File

@@ -38,6 +38,32 @@ export function IdeIcon({ editorType, className = 'h-4 w-4' }: IdeIconProps) {
return <img src={cursorIcon} alt="Cursor" className={className} />;
}
if (editorType === EditorType.WINDSURF) {
const windsurfIcon =
resolvedTheme === 'dark'
? '/ide/windsurf-light.svg'
: '/ide/windsurf-dark.svg';
return <img src={windsurfIcon} alt="Windsurf" className={className} />;
}
if (editorType === EditorType.INTELLI_J) {
return (
<img src="/ide/intellij.svg" alt="IntelliJ IDEA" className={className} />
);
}
if (editorType === EditorType.ZED) {
const zedIcon =
resolvedTheme === 'dark' ? '/ide/zed-light.svg' : '/ide/zed-dark.svg';
return <img src={zedIcon} alt="Zed" className={className} />;
}
if (editorType === EditorType.XCODE) {
return <img src="/ide/xcode.svg" alt="Xcode" className={className} />;
}
// Generic fallback for other IDEs or no IDE configured
return <Code2 className={className} />;
}