icon.rs

  1use gpui::{svg, IntoElement, Rems};
  2use strum::EnumIter;
  3
  4use crate::prelude::*;
  5
  6#[derive(Default, PartialEq, Copy, Clone)]
  7pub enum IconSize {
  8    Indicator,
  9    XSmall,
 10    Small,
 11    #[default]
 12    Medium,
 13}
 14
 15impl IconSize {
 16    pub fn rems(self) -> Rems {
 17        match self {
 18            IconSize::Indicator => rems_from_px(10.),
 19            IconSize::XSmall => rems_from_px(12.),
 20            IconSize::Small => rems_from_px(14.),
 21            IconSize::Medium => rems_from_px(16.),
 22        }
 23    }
 24}
 25
 26#[derive(Debug, PartialEq, Copy, Clone, EnumIter)]
 27pub enum IconName {
 28    Ai,
 29    ArrowDown,
 30    ArrowLeft,
 31    ArrowRight,
 32    ArrowUp,
 33    ArrowUpRight,
 34    ArrowCircle,
 35    AtSign,
 36    AudioOff,
 37    AudioOn,
 38    Backspace,
 39    Bell,
 40    BellOff,
 41    BellRing,
 42    BellDot,
 43    Bolt,
 44    CaseSensitive,
 45    Check,
 46    ChevronDown,
 47    ChevronLeft,
 48    ChevronRight,
 49    ChevronUp,
 50    Close,
 51    Collab,
 52    Command,
 53    Control,
 54    Copilot,
 55    CopilotDisabled,
 56    CopilotError,
 57    CopilotInit,
 58    Copy,
 59    Dash,
 60    Delete,
 61    Disconnected,
 62    Ellipsis,
 63    Envelope,
 64    Escape,
 65    ExclamationTriangle,
 66    Exit,
 67    ExternalLink,
 68    File,
 69    FileDoc,
 70    FileGeneric,
 71    FileGit,
 72    FileLock,
 73    FileRust,
 74    FileToml,
 75    FileTree,
 76    Filter,
 77    Folder,
 78    FolderOpen,
 79    FolderX,
 80    Github,
 81    Hash,
 82    InlayHint,
 83    Link,
 84    MagicWand,
 85    MagnifyingGlass,
 86    MailOpen,
 87    Maximize,
 88    Menu,
 89    MessageBubbles,
 90    Mic,
 91    MicMute,
 92    Minimize,
 93    Option,
 94    PageDown,
 95    PageUp,
 96    Play,
 97    Plus,
 98    Public,
 99    Quote,
100    Replace,
101    ReplaceAll,
102    ReplaceNext,
103    Return,
104    ReplyArrowRight,
105    ReplyArrowLeft,
106    Screen,
107    SelectAll,
108    Shift,
109    Snip,
110    Space,
111    Split,
112    Tab,
113    Terminal,
114    Update,
115    WholeWord,
116    XCircle,
117    ZedXCopilot,
118}
119
120impl IconName {
121    pub fn path(self) -> &'static str {
122        match self {
123            IconName::Ai => "icons/ai.svg",
124            IconName::ArrowDown => "icons/arrow_down.svg",
125            IconName::ArrowLeft => "icons/arrow_left.svg",
126            IconName::ArrowRight => "icons/arrow_right.svg",
127            IconName::ArrowUp => "icons/arrow_up.svg",
128            IconName::ArrowUpRight => "icons/arrow_up_right.svg",
129            IconName::ArrowCircle => "icons/arrow_circle.svg",
130            IconName::AtSign => "icons/at_sign.svg",
131            IconName::AudioOff => "icons/speaker_off.svg",
132            IconName::AudioOn => "icons/speaker_loud.svg",
133            IconName::Backspace => "icons/backspace.svg",
134            IconName::Bell => "icons/bell.svg",
135            IconName::BellOff => "icons/bell_off.svg",
136            IconName::BellRing => "icons/bell_ring.svg",
137            IconName::BellDot => "icons/bell_dot.svg",
138            IconName::Bolt => "icons/bolt.svg",
139            IconName::CaseSensitive => "icons/case_insensitive.svg",
140            IconName::Check => "icons/check.svg",
141            IconName::ChevronDown => "icons/chevron_down.svg",
142            IconName::ChevronLeft => "icons/chevron_left.svg",
143            IconName::ChevronRight => "icons/chevron_right.svg",
144            IconName::ChevronUp => "icons/chevron_up.svg",
145            IconName::Close => "icons/x.svg",
146            IconName::Collab => "icons/user_group_16.svg",
147            IconName::Command => "icons/command.svg",
148            IconName::Control => "icons/control.svg",
149            IconName::Copilot => "icons/copilot.svg",
150            IconName::CopilotDisabled => "icons/copilot_disabled.svg",
151            IconName::CopilotError => "icons/copilot_error.svg",
152            IconName::CopilotInit => "icons/copilot_init.svg",
153            IconName::Copy => "icons/copy.svg",
154            IconName::Dash => "icons/dash.svg",
155            IconName::Delete => "icons/delete.svg",
156            IconName::Disconnected => "icons/disconnected.svg",
157            IconName::Ellipsis => "icons/ellipsis.svg",
158            IconName::Envelope => "icons/feedback.svg",
159            IconName::Escape => "icons/escape.svg",
160            IconName::ExclamationTriangle => "icons/warning.svg",
161            IconName::Exit => "icons/exit.svg",
162            IconName::ExternalLink => "icons/external_link.svg",
163            IconName::File => "icons/file.svg",
164            IconName::FileDoc => "icons/file_icons/book.svg",
165            IconName::FileGeneric => "icons/file_icons/file.svg",
166            IconName::FileGit => "icons/file_icons/git.svg",
167            IconName::FileLock => "icons/file_icons/lock.svg",
168            IconName::FileRust => "icons/file_icons/rust.svg",
169            IconName::FileToml => "icons/file_icons/toml.svg",
170            IconName::FileTree => "icons/project.svg",
171            IconName::Filter => "icons/filter.svg",
172            IconName::Folder => "icons/file_icons/folder.svg",
173            IconName::FolderOpen => "icons/file_icons/folder_open.svg",
174            IconName::FolderX => "icons/stop_sharing.svg",
175            IconName::Github => "icons/github.svg",
176            IconName::Hash => "icons/hash.svg",
177            IconName::InlayHint => "icons/inlay_hint.svg",
178            IconName::Link => "icons/link.svg",
179            IconName::MagicWand => "icons/magic_wand.svg",
180            IconName::MagnifyingGlass => "icons/magnifying_glass.svg",
181            IconName::MailOpen => "icons/mail_open.svg",
182            IconName::Maximize => "icons/maximize.svg",
183            IconName::Menu => "icons/menu.svg",
184            IconName::MessageBubbles => "icons/conversations.svg",
185            IconName::Mic => "icons/mic.svg",
186            IconName::MicMute => "icons/mic_mute.svg",
187            IconName::Minimize => "icons/minimize.svg",
188            IconName::Option => "icons/option.svg",
189            IconName::PageDown => "icons/page_down.svg",
190            IconName::PageUp => "icons/page_up.svg",
191            IconName::Play => "icons/play.svg",
192            IconName::Plus => "icons/plus.svg",
193            IconName::Public => "icons/public.svg",
194            IconName::Quote => "icons/quote.svg",
195            IconName::Replace => "icons/replace.svg",
196            IconName::ReplaceAll => "icons/replace_all.svg",
197            IconName::ReplaceNext => "icons/replace_next.svg",
198            IconName::Return => "icons/return.svg",
199            IconName::ReplyArrowRight => "icons/reply_arrow_right.svg",
200            IconName::ReplyArrowLeft => "icons/reply_arrow_left.svg",
201            IconName::Screen => "icons/desktop.svg",
202            IconName::SelectAll => "icons/select_all.svg",
203            IconName::Shift => "icons/shift.svg",
204            IconName::Snip => "icons/snip.svg",
205            IconName::Space => "icons/space.svg",
206            IconName::Split => "icons/split.svg",
207            IconName::Tab => "icons/tab.svg",
208            IconName::Terminal => "icons/terminal.svg",
209            IconName::Update => "icons/update.svg",
210            IconName::WholeWord => "icons/word_search.svg",
211            IconName::XCircle => "icons/error.svg",
212            IconName::ZedXCopilot => "icons/zed_x_copilot.svg",
213        }
214    }
215}
216
217#[derive(IntoElement)]
218pub struct Icon {
219    path: SharedString,
220    color: Color,
221    size: IconSize,
222}
223
224impl Icon {
225    pub fn new(icon: IconName) -> Self {
226        Self {
227            path: icon.path().into(),
228            color: Color::default(),
229            size: IconSize::default(),
230        }
231    }
232
233    pub fn from_path(path: impl Into<SharedString>) -> Self {
234        Self {
235            path: path.into(),
236            color: Color::default(),
237            size: IconSize::default(),
238        }
239    }
240
241    pub fn color(mut self, color: Color) -> Self {
242        self.color = color;
243        self
244    }
245
246    pub fn size(mut self, size: IconSize) -> Self {
247        self.size = size;
248        self
249    }
250}
251
252impl RenderOnce for Icon {
253    fn render(self, cx: &mut WindowContext) -> impl IntoElement {
254        svg()
255            .size(self.size.rems())
256            .flex_none()
257            .path(self.path)
258            .text_color(self.color.color(cx))
259    }
260}