From fa230a4224355b415f24ec8cb3675c3dab3cfb49 Mon Sep 17 00:00:00 2001
From: Akshay Gupta <gravity.akshay@gmail.com>
Date: Tue, 13 Aug 2024 19:31:34 +0530
Subject: [PATCH] add folder-open icon and use for open groups

---
 frontend/resources/images/icons/folder-open.svg     | 7 +++++++
 frontend/src/app/main/ui/icons.cljs                 | 1 +
 frontend/src/app/main/ui/workspace/tokens/sets.cljs | 5 ++++-
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 frontend/resources/images/icons/folder-open.svg

diff --git a/frontend/resources/images/icons/folder-open.svg b/frontend/resources/images/icons/folder-open.svg
new file mode 100644
index 000000000..ef5d15ab8
--- /dev/null
+++ b/frontend/resources/images/icons/folder-open.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+  <g data-testid="Icons / Tools + Layers / S / Open folder S">
+    <g class="frame-children" data-testid="svg-path">
+      <path d="m3.5 12.339 1.652-5.363a.75.75 0 0 1 .717-.53h7.074a.75.75 0 0 1 .708.998l-1.538 4.393a.75.75 0 0 1-.708.502H3.5Za.75.75 0 0 1-.75-.75V4.622c0-.297.112-.582.314-.793.201-.211.473-.329.757-.329h2.143l.804 1.263h4.071a.75.75 0 0 1 .75.75v.933" fill="none" stroke-width="1" stroke="#8f9da3" stroke-opacity="1"/>
+    </g>
+  </g>
+</svg>
diff --git a/frontend/src/app/main/ui/icons.cljs b/frontend/src/app/main/ui/icons.cljs
index 319119424..ca19dc77b 100644
--- a/frontend/src/app/main/ui/icons.cljs
+++ b/frontend/src/app/main/ui/icons.cljs
@@ -121,6 +121,7 @@
 (def ^:icon flex (icon-xref :flex))
 (def ^:icon flip-horizontal (icon-xref :flip-horizontal))
 (def ^:icon flip-vertical (icon-xref :flip-vertical))
+(def ^:icon folder-open (icon-xref :folder-open))
 (def ^:icon gap-horizontal (icon-xref :gap-horizontal))
 (def ^:icon gap-vertical (icon-xref :gap-vertical))
 (def ^:icon graphics (icon-xref :graphics))
diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.cljs b/frontend/src/app/main/ui/workspace/tokens/sets.cljs
index 25c64ec19..54b627b92 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sets.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/sets.cljs
@@ -53,9 +53,12 @@
   (let [set (get sets set-id)]
     (when set
       (let [{:keys [type name children]} set
-            icon i/document
             visible? (mf/use-state (contains? active-sets set-id))
             collapsed? (mf/use-state false)
+            icon (cond
+                   (= type :set) i/document
+                   (and (= type :group) @collapsed?) i/group
+                       :else i/folder-open)
             selected? (mf/use-state (= set-id current-set-id))
 
           on-click