diff --git a/frontend/resources/images/icons/folder-open.svg b/frontend/resources/images/icons/folder-open.svg new file mode 100644 index 0000000000..ef5d15ab89 --- /dev/null +++ b/frontend/resources/images/icons/folder-open.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/frontend/src/app/main/ui/icons.cljs b/frontend/src/app/main/ui/icons.cljs index 3191194248..ca19dc77b1 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 25c64ec191..54b627b924 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