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

Merge pull request #5468 from penpot/palba-abtest-add-library-button2

Browse source 
✨ Add test AB renaming "Libraries" to "Add library"
This commit is contained in:
Andrey Antukh 2024-12-13 12:20:56 +01:00 • committed by GitHub
commit b8ebbe8c3c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 30 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

57
frontend/src/app/main/ui/workspace/sidebar/assets.cljs
View file

@ -89,6 +89,9 @@
reverse-sort? (= :desc ordering) reverse-sort? (= :desc ordering)
num-libs (count (mf/deref refs/workspace-libraries)) num-libs (count (mf/deref refs/workspace-libraries))
show-templates-02-test?
(and (cf/external-feature-flag "templates-02" "test") (zero? num-libs))
toggle-ordering toggle-ordering
(mf/use-fn (mf/use-fn
(mf/deps ordering) (mf/deps ordering)
@ -157,8 +160,7 @@
[:article {:class (stl/css :assets-bar)} [:article {:class (stl/css :assets-bar)}
[:div {:class (stl/css :assets-header)} [:div {:class (stl/css :assets-header)}
(when-not ^boolean read-only? (when-not ^boolean read-only?
(if (and (cf/external-feature-flag "templates-02" "test") (if show-templates-02-test?
(zero? num-libs))
[:button {:class (stl/css :add-library-button) [:button {:class (stl/css :add-library-button)
:on-click show-libraries-dialog :on-click show-libraries-dialog
:data-testid "libraries"} :data-testid "libraries"}
@ -170,31 +172,32 @@
i/library] i/library]
(tr "workspace.assets.libraries")])) (tr "workspace.assets.libraries")]))
[:div {:class (stl/css :search-wrapper)} (when-not show-templates-02-test?
[:& search-bar {:on-change on-search-term-change [:div {:class (stl/css :search-wrapper)}
:value term [:& search-bar {:on-change on-search-term-change
:placeholder (tr "workspace.assets.search")} :value term
[:button :placeholder (tr "workspace.assets.search")}
{:on-click on-open-menu [:button
:title (tr "workspace.assets.filter") {:on-click on-open-menu
:class (stl/css-case :section-button true :title (tr "workspace.assets.filter")
:opened menu-open?)} :class (stl/css-case :section-button true
i/filter-icon]] :opened menu-open?)}
[:> context-menu* i/filter-icon]]
{:on-close on-menu-close [:> context-menu*
:selectable true {:on-close on-menu-close
:selected section :selectable true
:show menu-open? :selected section
:fixed true :show menu-open?
:min-width true :fixed true
:width size :min-width true
:top 158 :width size
:left 18 :top 158
:options options}] :left 18
[:> icon-button* {:variant "ghost" :options options}]
:aria-label (tr "workspace.assets.sort") [:> icon-button* {:variant "ghost"
:on-click toggle-ordering :aria-label (tr "workspace.assets.sort")
:icon (if reverse-sort? "asc-sort" "desc-sort")}]]] :on-click toggle-ordering
:icon (if reverse-sort? "asc-sort" "desc-sort")}]])]
[:& (mf/provider cmm/assets-filters) {:value filters} [:& (mf/provider cmm/assets-filters) {:value filters}
[:& (mf/provider cmm/assets-toggle-ordering) {:value toggle-ordering} [:& (mf/provider cmm/assets-toggle-ordering) {:value toggle-ordering}