Add pageup and pagedown icons and keybinding icons

Nate Butler created 2 years ago

Change summary

assets/icons/page-down.svg              |  2 ++
assets/icons/page-up.svg                |  2 ++
crates/ui2/src/components/icon.rs       |  4 ++++
crates/ui2/src/components/keybinding.rs | 10 ++++++----
4 files changed, 14 insertions(+), 4 deletions(-)

Detailed changes

assets/icons/page-down.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.19131 16V8.53964H10.6313L13.2953 14.3455C13.2553 13.8719 13.2153 13.4016 13.1753 12.9347C13.1353 12.4677 13.1153 11.9975 13.1153 11.5238V8.53964H14.3993V16H12.9593L10.2953 10.1941C10.3353 10.6678 10.3753 11.1381 10.4153 11.605C10.4553 12.0719 10.4753 12.5422 10.4753 13.0159V16H9.19131Z" fill="black"/>

assets/icons/page-up.svg

@@ -0,0 +1,13 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1650_1657)">

crates/ui2/src/components/icon.rs

@@ -87,6 +87,8 @@ pub enum Icon {
     MicMute,
     Minimize,
     Option,
+    PageDown,
+    PageUp,
     Plus,
     Public,
     Quote,
@@ -175,6 +177,8 @@ impl Icon {
             Icon::MicMute => "icons/mic-mute.svg",
             Icon::Minimize => "icons/minimize.svg",
             Icon::Option => "icons/option.svg",
+            Icon::PageDown => "icons/page-down.svg",
+            Icon::PageUp => "icons/page-up.svg",
             Icon::Plus => "icons/plus.svg",
             Icon::Public => "icons/public.svg",
             Icon::Quote => "icons/quote.svg",

crates/ui2/src/components/keybinding.rs

@@ -66,17 +66,19 @@ impl KeyBinding {
 
     fn icon_for_key(keystroke: &Keystroke) -> Option<Icon> {
         match keystroke.key.as_str() {
-            "left" => Some(Icon::ArrowLeft),
-            "right" => Some(Icon::ArrowRight),
-            "up" => Some(Icon::ArrowUp),
-            "down" => Some(Icon::ArrowDown),
             "backspace" => Some(Icon::Backspace),
             "delete" => Some(Icon::Delete),
+            "down" => Some(Icon::ArrowDown),
             "enter" => Some(Icon::Return),
             "escape" => Some(Icon::Escape),
+            "left" => Some(Icon::ArrowLeft),
+            "pagedown" => Some(Icon::PageDown),
+            "pageup" => Some(Icon::PageUp),
             "return" => Some(Icon::Return),
+            "right" => Some(Icon::ArrowRight),
             "space" => Some(Icon::Space),
             "tab" => Some(Icon::Tab),
+            "up" => Some(Icon::ArrowUp),
             _ => None,
         }
     }