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