From ada40decd14fc18901486382a10b1ec1d0d21f7e Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Wed, 10 Dec 2025 06:55:44 -0600
Subject: wip(desktop): progress
---
packages/ui/src/components/icon.tsx | 187 +++------------------------
packages/ui/src/components/select-dialog.css | 17 ++-
packages/ui/src/components/select-dialog.tsx | 2 +
packages/ui/src/components/tag.css | 37 ++++++
packages/ui/src/components/tag.tsx | 22 ++++
5 files changed, 95 insertions(+), 170 deletions(-)
create mode 100644 packages/ui/src/components/tag.css
create mode 100644 packages/ui/src/components/tag.tsx
(limited to 'packages/ui/src/components')
diff --git a/packages/ui/src/components/icon.tsx b/packages/ui/src/components/icon.tsx
index 8c83b41ce..97f2e8eab 100644
--- a/packages/ui/src/components/icon.tsx
+++ b/packages/ui/src/components/icon.tsx
@@ -1,171 +1,44 @@
import { splitProps, type ComponentProps } from "solid-js"
-// prettier-ignore
const icons = {
- close: '',
- menu: ' ',
- "chevron-right": '',
- "chevron-left": '',
- "chevron-down": '',
- "chevron-up": '',
- "chevron-down-square": '',
- "chevron-up-square": '',
- "chevron-right-square": '',
- "chevron-left-square": '',
- settings: '',
- globe: '',
- github: '',
- hammer: '',
- "avatar-square": '',
- slash: '',
- robot: '',
- cloud: '',
- "file-text": '',
- file: '',
- "file-checkmark": '',
- "file-code": '',
- "file-important": '',
- "file-minus": '',
- "file-plus": '',
- files: '',
- "file-zip": '',
- jpg: '',
- pdf: '',
- png: '',
- gif: '',
- archive: '',
- sun: '',
- moon: '',
- monitor: '',
- command: '',
- link: '',
- share: '',
- branch: '',
- logout: '',
- login: '',
- keys: '',
- key: '',
- info: '',
- warning: '',
- checkmark: '',
- "checkmark-square": '',
- plus: '',
- minus: '',
- undo: '',
- merge: '',
- redo: '',
- refresh: '',
- rotate: '',
- "arrow-left": '',
- "arrow-down": '',
- "arrow-right": '',
- "arrow-up": '',
- enter: '',
- trash: '',
- package: '',
- box: '',
- lock: '',
- unlocked: '',
- activity: '',
- asterisk: '',
- bell: '',
- "bell-off": '',
- bolt: '',
- bookmark: '',
- brain: '',
- browser: '',
- "browser-cursor": '',
- bug: '',
- "carat-down": '',
- "carat-left": '',
- "carat-right": '',
- "carat-up": '',
- cards: '',
- chart: '',
- "check-circle": '',
- checklist: '',
- "checklist-cards": '',
- lab: '',
- circle: '',
- "circle-dotted": '',
- clipboard: '',
- clock: '',
- "close-circle": '',
- terminal: '',
- code: '',
- components: '',
- copy: '',
- cpu: '',
- dashboard: '',
- transfer: '',
- devices: '',
- diamond: '',
- dice: '',
- discord: '',
- dots: '',
- expand: '',
- droplet: '',
- "chevron-double-down": '',
- "chevron-double-left": '',
- "chevron-double-right": '',
- "chevron-double-up": '',
- "speech-bubble": '',
- message: '',
- annotation: '',
- square: '',
- "pull-request": '',
- pencil: '',
- sparkles: '',
- photo: '',
- columns: '',
- "open-pane": '',
- "close-pane": '',
- "file-search": '',
- "folder-search": '',
- search: '',
- "web-search": '',
- loading: '',
- mic: '',
-} as const
-
-const newIcons = {
- "circle-x": ``,
- "magnifying-glass": ``,
- "plus-small": ``,
- "chevron-down": ``,
- "chevron-right": ``,
+ "align-right": ``,
"arrow-up": ``,
+ "bubble-5": ``,
+ "bullet-list": ``,
"check-small": ``,
+ "chevron-down": ``,
+ "chevron-right": ``,
+ "chevron-grabber-vertical": ``,
+ "circle-x": ``,
+ close: ``,
+ checklist: ``,
+ console: ``,
+ expand: ``,
+ collapse: ``,
+ "code-lines": ``,
+ "circle-ban-sign": ``,
"edit-small-2": ``,
+ enter: ``,
folder: ``,
+ "magnifying-glass": ``,
+ "plus-small": ``,
"pencil-line": ``,
- "chevron-grabber-vertical": ``,
mcp: ``,
glasses: ``,
- "bullet-list": ``,
"magnifying-glass-menu": ``,
"window-cursor": ``,
task: ``,
- checklist: ``,
- console: ``,
- "code-lines": ``,
- "square-arrow-top-right": ``,
- "circle-ban-sign": ``,
stop: ``,
- enter: ``,
"layout-left": ``,
"layout-left-partial": ``,
"layout-left-full": ``,
"layout-right": ``,
"layout-right-partial": ``,
"layout-right-full": ``,
+ "square-arrow-top-right": ``,
"speech-bubble": ``,
- "align-right": ``,
- expand: ``,
- collapse: ``,
"folder-add-left": ``,
"settings-gear": ``,
- "bubble-5": ``,
github: ``,
discord: ``,
"layout-bottom": ``,
@@ -175,32 +48,12 @@ const newIcons = {
}
export interface IconProps extends ComponentProps<"svg"> {
- name: keyof typeof icons | keyof typeof newIcons
+ name: keyof typeof icons
size?: "small" | "normal" | "large"
}
export function Icon(props: IconProps) {
const [local, others] = splitProps(props, ["name", "size", "class", "classList"])
-
- if (local.name in newIcons) {
- return (
-
-
-
- )
- }
-
return (