add shortcut scenes

Author: sprocketc

portfolio/src/components/shortcuts_scenes.cljs

@@ -0,0 +1,26 @@
+(ns components.shortcuts-scenes
+  (:require
+   [portfolio.reagent-18 :refer-macros [defscene]]
+   [renderer.ui :as ui]
+   [renderer.utils.keyboard :as keyb]))
+
+(defscene single-shortcut
+  :title "Single shortcut"
+  [:div.toolbar.bg-primary.h-10.p-2
+   [ui/shortcuts [[{:keyCode (keyb/key-codes "P")
+                    :ctrlKey true
+                    :shiftKey true}]]]])
+
+(defscene multiple-shortcuts
+  :title "Multiple shortcuts"
+  [:div.toolbar.bg-primary.h-10.p-2
+   [ui/shortcuts [[{:keyCode (keyb/key-codes "P")
+                    :ctrlKey true
+                    :shiftKey true}]
+                  [{:keyCode (keyb/key-codes "ONE")
+                    :altKey true}]]]])
+
+(defscene no-shortcuts
+  :title "No shortcuts"
+  [:div.toolbar.bg-primary.h-10.p-2
+   [ui/shortcuts []]])

portfolio/src/portfolio.cljs

@@ -1,6 +1,7 @@
 (ns portfolio
   (:require [components.button-scenes]
             [components.icon-scenes]
+            [components.shortcuts-scenes]
             [components.slider-scenes]
             [components.switch-scenes]
             [portfolio.ui :as ui]

src/renderer/ui.cljs

@@ -1,6 +1,6 @@
 (ns renderer.ui
   "A collection of stateless reusable ui components.
-   Avoid using subscriptions as much as possible to keep the components pure."
+   Avoid using subscriptions to keep the components pure."
   (:require
    ["@radix-ui/react-context-menu" :as ContextMenu]
    ["@radix-ui/react-dropdown-menu" :as DropdownMenu]