3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-04 16:01:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

♻️ Replace libraries modal tab component

Browse source
This commit is contained in:
Eva Marco 2024-08-20 09:04:57 +02:00
parent 2f99d17885
commit c0cd980f5f
1 changed files with 19 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/src/app/main/ui/workspace/libraries.cljs
View file

@ -24,8 +24,8 @@
[app.main.ui.components.color-bullet :as cb] [app.main.ui.components.color-bullet :as cb]
[app.main.ui.components.link-button :as lb] [app.main.ui.components.link-button :as lb]
[app.main.ui.components.search-bar :refer [search-bar]] [app.main.ui.components.search-bar :refer [search-bar]]
[app.main.ui.components.tab-container :refer [tab-container tab-element]]
[app.main.ui.components.title-bar :refer [title-bar]] [app.main.ui.components.title-bar :refer [title-bar]]
[app.main.ui.ds.tab-switcher :refer [tab-switcher*]]
[app.main.ui.hooks :as h] [app.main.ui.hooks :as h]
[app.main.ui.icons :as i] [app.main.ui.icons :as i]
[app.util.color :as uc] [app.util.color :as uc]
@ -487,9 +487,6 @@
file-id (:id file) file-id (:id file)
shared? (:is-shared file) shared? (:is-shared file)
selected-tab* (mf/use-state starting-tab)
selected-tab (deref selected-tab*)
libraries (mf/deref refs/workspace-libraries) libraries (mf/deref refs/workspace-libraries)
libraries (mf/with-memo [libraries] libraries (mf/with-memo [libraries]
(d/removem (fn [[_ val]] (:is-indirect val)) libraries)) (d/removem (fn [[_ val]] (:is-indirect val)) libraries))
@ -498,9 +495,6 @@
shared-libraries shared-libraries
(mf/deref refs/workspace-shared-files) (mf/deref refs/workspace-shared-files)
on-tab-change
(mf/use-fn #(reset! selected-tab* %))
close-dialog-outside close-dialog-outside
(mf/use-fn (fn [event] (mf/use-fn (fn [event]
(when (= (dom/get-target event) (dom/get-current-target event)) (when (= (dom/get-target event) (dom/get-current-target event))
@ -509,7 +503,21 @@
close-dialog close-dialog
(mf/use-fn (fn [_] (mf/use-fn (fn [_]
(modal/hide!) (modal/hide!)
(modal/disallow-click-outside!)))] (modal/disallow-click-outside!)))
tabs
#js [#js {:label (tr "workspace.libraries.libraries")
:id "libraries"
:content (mf/html [:& libraries-tab {:file-id file-id
:shared? shared?
:linked-libraries libraries
:shared-libraries shared-libraries}])}
#js {:label (tr "workspace.libraries.updates")
:id "updates"
:content (mf/html [:& updates-tab {:file-id file-id
:file-data file-data
:libraries libraries}])}]]
(mf/with-effect [team-id] (mf/with-effect [team-id]
(when team-id (when team-id
@ -524,19 +532,9 @@
close-icon] close-icon]
[:div {:class (stl/css :modal-title)} [:div {:class (stl/css :modal-title)}
(tr "workspace.libraries.libraries")] (tr "workspace.libraries.libraries")]
[:& tab-container
{:on-change-tab on-tab-change [:> tab-switcher* {:tabs tabs
:selected selected-tab :default-selected (dm/str starting-tab)}]]]))
:collapsable false}
[:& tab-element {:id :libraries :title (tr "workspace.libraries.libraries")}
[:& libraries-tab {:file-id file-id
:shared? shared?
:linked-libraries libraries
:shared-libraries shared-libraries}]]
[:& tab-element {:id :updates :title (tr "workspace.libraries.updates")}
[:& updates-tab {:file-id file-id
:file-data file-data
:libraries libraries}]]]]]))
(mf/defc v2-info-dialog (mf/defc v2-info-dialog
{::mf/register modal/components {::mf/register modal/components