From 28ebbe14ca844aebb16ba634019ccf57fb16999f Mon Sep 17 00:00:00 2001
From: Andrey Antukh <niwi@niwi.nz>
Date: Fri, 20 Mar 2020 13:09:48 +0100
Subject: [PATCH] :tada: Add icons preview (develop only).

---
 frontend/resources/styles/main.scss           |  1 +
 .../main/partials/debug-icons-preview.scss    | 20 +++++++++++++++++++
 frontend/src/uxbox/builtins/icons.cljs        |  9 +++++++++
 frontend/src/uxbox/main/ui.cljs               | 10 ++++++++--
 4 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 frontend/resources/styles/main/partials/debug-icons-preview.scss

diff --git a/frontend/resources/styles/main.scss b/frontend/resources/styles/main.scss
index dd77f3c8a2..17dc7cdc7c 100644
--- a/frontend/resources/styles/main.scss
+++ b/frontend/resources/styles/main.scss
@@ -65,6 +65,7 @@
 @import 'main/partials/forms';
 @import 'main/partials/loader';
 @import 'main/partials/context-menu';
+@import 'main/partials/debug-icons-preview';
 
 //#################################################
 // Resources
diff --git a/frontend/resources/styles/main/partials/debug-icons-preview.scss b/frontend/resources/styles/main/partials/debug-icons-preview.scss
new file mode 100644
index 0000000000..ed8e7054d6
--- /dev/null
+++ b/frontend/resources/styles/main/partials/debug-icons-preview.scss
@@ -0,0 +1,20 @@
+.debug-icons-preview {
+  display: flex;
+  flex-wrap: wrap;
+  overflow: scroll;
+
+  .icon-item {
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    width: 120px;
+    height: 120px;
+    margin: 10px;
+    align-items: center;
+
+    svg {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}
diff --git a/frontend/src/uxbox/builtins/icons.cljs b/frontend/src/uxbox/builtins/icons.cljs
index 8c92eb9056..faeaf6a2eb 100644
--- a/frontend/src/uxbox/builtins/icons.cljs
+++ b/frontend/src/uxbox/builtins/icons.cljs
@@ -93,3 +93,12 @@
       {:id "loader-line"
        :d
        "M134.482 157.147v25l518.57.008.002-25-518.572-.008z"}]]]))
+
+(mf/defrc debug-icons-preview
+  [props]
+  [:section.debug-icons-preview
+   (for [[key val] (ns-publics 'uxbox.builtins.icons)]
+     (when (not= key 'debug-icons-preview)
+       [:div.icon-item {:key key}
+        (deref val)
+        [:span (pr-str key)]]))])
diff --git a/frontend/src/uxbox/main/ui.cljs b/frontend/src/uxbox/main/ui.cljs
index 0c96fa476a..312cba7593 100644
--- a/frontend/src/uxbox/main/ui.cljs
+++ b/frontend/src/uxbox/main/ui.cljs
@@ -17,7 +17,6 @@
    [rumext.alpha :as mf]
    [uxbox.builtins.icons :as i]
    [uxbox.common.exceptions :as ex]
-   [uxbox.common.exceptions :as ex]
    [uxbox.main.data.auth :refer [logout]]
    [uxbox.main.refs :as refs]
    [uxbox.main.store :as st]
@@ -51,6 +50,9 @@
     ["/profile" :settings-profile]
     ["/password" :settings-password]]
 
+   (when *assert*
+     ["/debug/icons-preview" :debug-icons-preview])
+
    ["/dashboard"
     ["/team/:team-id"
      ["/" :dashboard-team]
@@ -68,7 +70,7 @@
       ["/palettes"
        ["" { :name :dashboard-library-palettes-index :section :palettes}]
        ["/:library-id" { :name :dashboard-library-palettes :section :palettes }]]
-      
+
       ]]]
 
    ["/workspace/:file-id" :workspace]])
@@ -101,6 +103,10 @@
        :settings-password)
       (mf/element settings/settings #js {:route route})
 
+      :debug-icons-preview
+      (when *assert*
+        (mf/element i/debug-icons-preview))
+
       (:dashboard-search
        :dashboard-team
        :dashboard-project