Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-09 08:20:45 -05:00
Code Issues Activity

🔥 changes to effects

Browse source
This commit is contained in:
alonso.torres 2020-03-26 08:36:08 +01:00
parent 57d633b1d2
commit decd3e3443
3 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/styles/main/partials/workspace-libraries.scss
View file

@ -107,6 +107,7 @@
}
.library-tab-libraries {
background-color: #303236;
margin: 0.5rem;
width: 90%;
padding: 0.5rem;

4
frontend/src/uxbox/main/ui/components/tab_container.cljs
View file

@ -8,7 +8,6 @@
(mf/defc tab-container
[{:keys [children selected on-change-tab]}]
(.log js/console (map #(-> % .-props .-title) children))
(let [first-id (-> children first .-props .-id)
state (mf/use-state {:selected first-id})
selected (or selected (:selected @state))
@ -20,7 +19,8 @@
[:div.tab-container-tabs
(for [tab children]
[:div.tab-container-tab-title
{:on-click (partial handle-select tab)
{:key (str "tab-" (-> tab .-props .-id))
:on-click (partial handle-select tab)
:class (when (= selected (-> tab .-props .-id)) "current")}
(-> tab .-props .-title)])]
[:div.tab-container-content

32
frontend/src/uxbox/main/ui/workspace/sidebar/libraries.cljs
View file

@ -41,9 +41,8 @@
(mf/defc icons-tab [{:keys [libraries]}]
(when (and libraries (-> libraries count (> 0)))
(let [state (mf/use-state {:selected-library (-> libraries first :id)})]
(mf/use-effect {:fn (fn []
(st/emit! (dlib/retrieve-library-data :icons (:selected-library @state))))
:deps (mf/deps (:selected-library @state))})
(mf/use-effect (mf/deps (:selected-library @state))
#(st/emit! (dlib/retrieve-library-data :icons (:selected-library @state))))
[:div.library-tab.icons-tab
[:select.input-select.library-tab-libraries
@ -67,9 +66,8 @@
(mf/defc images-tab [{:keys [libraries]}]
(when (and libraries (-> libraries count (> 0)))
(let [state (mf/use-state {:selected-library (-> libraries first :id)})]
(mf/use-effect {:fn (fn []
(st/emit! (dlib/retrieve-library-data :images (:selected-library @state))))
:deps (mf/deps (:selected-library @state))})
(mf/use-effect (mf/deps (:selected-library @state))
#(st/emit! (dlib/retrieve-library-data :images (:selected-library @state))))
[:div.library-tab.images-tab
[:select.input-select.library-tab-libraries
@ -91,16 +89,17 @@
[{:keys [key]}]
(let [team-id (-> project-ref mf/deref :team-id)
locale (i18n/use-locale)]
(mf/use-effect {:fn (fn []
(st/emit! (dlib/retrieve-libraries :icons))
(st/emit! (dlib/retrieve-libraries :images)))
:deps (mf/deps key)})
(mf/use-effect {:fn (fn []
(when team-id
(do
(st/emit! (dlib/retrieve-libraries :icons team-id))
(st/emit! (dlib/retrieve-libraries :images team-id)))))
:deps (mf/deps team-id)})
(mf/use-effect
(mf/deps key)
#(do
(st/emit! (dlib/retrieve-libraries :icons))
(st/emit! (dlib/retrieve-libraries :images))))
(mf/use-effect
(mf/deps team-id)
#(when team-id
(do
(st/emit! (dlib/retrieve-libraries :icons team-id))
(st/emit! (dlib/retrieve-libraries :images team-id)))))
[:div#libraries.tool-window
[:div.libraries-window-bar
[:div.libraries-window-bar-title "Libraries"]
@ -118,3 +117,4 @@
{:id :images :title "Images"}
[:& images-tab {:libraries (-> (libraries-ref :images) mf/deref vals flatten)}]]]]]))