icon.rs

  1use gpui::{svg, IntoElement, Rems, Transformation};
  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    Pencil,
 97    Play,
 98    Plus,
 99    Public,
100    Quote,
101    Regex,
102    Replace,
103    ReplaceAll,
104    ReplaceNext,
105    Return,
106    ReplyArrowRight,
107    Settings,
108    Screen,
109    SelectAll,
110    Server,
111    Shift,
112    Snip,
113    Space,
114    Split,
115    Tab,
116    Terminal,
117    Trash,
118    Update,
119    WholeWord,
120    XCircle,
121    ZedXCopilot,
122}
123
124impl IconName {
125    pub fn path(self) -> &'static str {
126        match self {
127            IconName::Ai => "icons/ai.svg",
128            IconName::ArrowDown => "icons/arrow_down.svg",
129            IconName::ArrowLeft => "icons/arrow_left.svg",
130            IconName::ArrowRight => "icons/arrow_right.svg",
131            IconName::ArrowUp => "icons/arrow_up.svg",
132            IconName::ArrowUpRight => "icons/arrow_up_right.svg",
133            IconName::ArrowCircle => "icons/arrow_circle.svg",
134            IconName::AtSign => "icons/at_sign.svg",
135            IconName::AudioOff => "icons/speaker_off.svg",
136            IconName::AudioOn => "icons/speaker_loud.svg",
137            IconName::Backspace => "icons/backspace.svg",
138            IconName::Bell => "icons/bell.svg",
139            IconName::BellOff => "icons/bell_off.svg",
140            IconName::BellRing => "icons/bell_ring.svg",
141            IconName::BellDot => "icons/bell_dot.svg",
142            IconName::Bolt => "icons/bolt.svg",
143            IconName::CaseSensitive => "icons/case_insensitive.svg",
144            IconName::Check => "icons/check.svg",
145            IconName::ChevronDown => "icons/chevron_down.svg",
146            IconName::ChevronLeft => "icons/chevron_left.svg",
147            IconName::ChevronRight => "icons/chevron_right.svg",
148            IconName::ChevronUp => "icons/chevron_up.svg",
149            IconName::Close => "icons/x.svg",
150            IconName::Collab => "icons/user_group_16.svg",
151            IconName::Command => "icons/command.svg",
152            IconName::Control => "icons/control.svg",
153            IconName::Copilot => "icons/copilot.svg",
154            IconName::CopilotDisabled => "icons/copilot_disabled.svg",
155            IconName::CopilotError => "icons/copilot_error.svg",
156            IconName::CopilotInit => "icons/copilot_init.svg",
157            IconName::Copy => "icons/copy.svg",
158            IconName::Dash => "icons/dash.svg",
159            IconName::Delete => "icons/delete.svg",
160            IconName::Disconnected => "icons/disconnected.svg",
161            IconName::Ellipsis => "icons/ellipsis.svg",
162            IconName::Envelope => "icons/feedback.svg",
163            IconName::Escape => "icons/escape.svg",
164            IconName::ExclamationTriangle => "icons/warning.svg",
165            IconName::Exit => "icons/exit.svg",
166            IconName::ExternalLink => "icons/external_link.svg",
167            IconName::File => "icons/file.svg",
168            IconName::FileDoc => "icons/file_icons/book.svg",
169            IconName::FileGeneric => "icons/file_icons/file.svg",
170            IconName::FileGit => "icons/file_icons/git.svg",
171            IconName::FileLock => "icons/file_icons/lock.svg",
172            IconName::FileRust => "icons/file_icons/rust.svg",
173            IconName::FileToml => "icons/file_icons/toml.svg",
174            IconName::FileTree => "icons/project.svg",
175            IconName::Filter => "icons/filter.svg",
176            IconName::Folder => "icons/file_icons/folder.svg",
177            IconName::FolderOpen => "icons/file_icons/folder_open.svg",
178            IconName::FolderX => "icons/stop_sharing.svg",
179            IconName::Github => "icons/github.svg",
180            IconName::Hash => "icons/hash.svg",
181            IconName::InlayHint => "icons/inlay_hint.svg",
182            IconName::Link => "icons/link.svg",
183            IconName::MagicWand => "icons/magic_wand.svg",
184            IconName::MagnifyingGlass => "icons/magnifying_glass.svg",
185            IconName::MailOpen => "icons/mail_open.svg",
186            IconName::Maximize => "icons/maximize.svg",
187            IconName::Menu => "icons/menu.svg",
188            IconName::MessageBubbles => "icons/conversations.svg",
189            IconName::Mic => "icons/mic.svg",
190            IconName::MicMute => "icons/mic_mute.svg",
191            IconName::Minimize => "icons/minimize.svg",
192            IconName::Option => "icons/option.svg",
193            IconName::PageDown => "icons/page_down.svg",
194            IconName::PageUp => "icons/page_up.svg",
195            IconName::Pencil => "icons/pencil.svg",
196            IconName::Play => "icons/play.svg",
197            IconName::Plus => "icons/plus.svg",
198            IconName::Public => "icons/public.svg",
199            IconName::Quote => "icons/quote.svg",
200            IconName::Regex => "icons/regex.svg",
201            IconName::Replace => "icons/replace.svg",
202            IconName::ReplaceAll => "icons/replace_all.svg",
203            IconName::ReplaceNext => "icons/replace_next.svg",
204            IconName::Return => "icons/return.svg",
205            IconName::ReplyArrowRight => "icons/reply_arrow_right.svg",
206            IconName::Settings => "icons/file_icons/settings.svg",
207            IconName::Screen => "icons/desktop.svg",
208            IconName::SelectAll => "icons/select_all.svg",
209            IconName::Server => "icons/server.svg",
210            IconName::Shift => "icons/shift.svg",
211            IconName::Snip => "icons/snip.svg",
212            IconName::Space => "icons/space.svg",
213            IconName::Split => "icons/split.svg",
214            IconName::Tab => "icons/tab.svg",
215            IconName::Terminal => "icons/terminal.svg",
216            IconName::Trash => "icons/trash.svg",
217            IconName::Update => "icons/update.svg",
218            IconName::WholeWord => "icons/word_search.svg",
219            IconName::XCircle => "icons/error.svg",
220            IconName::ZedXCopilot => "icons/zed_x_copilot.svg",
221        }
222    }
223}
224
225#[derive(IntoElement)]
226pub struct Icon {
227    path: SharedString,
228    color: Color,
229    size: IconSize,
230    transformation: Transformation,
231}
232
233impl Icon {
234    pub fn new(icon: IconName) -> Self {
235        Self {
236            path: icon.path().into(),
237            color: Color::default(),
238            size: IconSize::default(),
239            transformation: Transformation::default(),
240        }
241    }
242
243    pub fn from_path(path: impl Into<SharedString>) -> Self {
244        Self {
245            path: path.into(),
246            color: Color::default(),
247            size: IconSize::default(),
248            transformation: Transformation::default(),
249        }
250    }
251
252    pub fn color(mut self, color: Color) -> Self {
253        self.color = color;
254        self
255    }
256
257    pub fn size(mut self, size: IconSize) -> Self {
258        self.size = size;
259        self
260    }
261
262    pub fn transform(mut self, transformation: Transformation) -> Self {
263        self.transformation = transformation;
264        self
265    }
266}
267
268impl RenderOnce for Icon {
269    fn render(self, cx: &mut WindowContext) -> impl IntoElement {
270        svg()
271            .with_transformation(self.transformation)
272            .size(self.size.rems())
273            .flex_none()
274            .path(self.path)
275            .text_color(self.color.color(cx))
276    }
277}