3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-12 19:46:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Hide move options when no targets

Browse source
This commit is contained in:
Andrés Moya 2021-03-04 16:52:53 +01:00
parent 2adc45fc19
commit 161b8cdabb
3 changed files with 47 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

40
frontend/src/app/main/ui/components/context_menu.cljs
View file

@ -35,8 +35,7 @@
fixed? (gobj/get props "fixed?" false)
local (mf/use-state {:offset 0
:levels [{:parent-option nil
:options options}]})
:levels nil})
on-local-close
(mf/use-callback
@ -77,7 +76,12 @@
props (obj/merge props #js {:on-close on-local-close})]
(when open?
(mf/use-effect
(mf/deps options)
#(swap! local assoc :levels [{:parent-option nil
:options options}]))
(when (and open? (some? (:levels @local)))
[:> dropdown' props
[:div.context-menu {:class (classnames :is-open open?
:fixed fixed?
@ -96,18 +100,18 @@
parent-option]]
[:li.separator]])
(for [[option-name option-handler sub-options] (:options level)]
(if (= option-name :separator)
[:li.separator]
[:li.context-menu-item
{:class (classnames :is-selected (and selected
(= option-name selected)))
:key option-name}
(if-not sub-options
[:a.context-menu-action {:on-click option-handler}
option-name]
[:a.context-menu-action.submenu
{:data-no-close true
:on-click (enter-submenu option-name sub-options)}
option-name
[:span i/arrow-slide]])
]))])]])))
(when option-name
(if (= option-name :separator)
[:li.separator]
[:li.context-menu-item
{:class (classnames :is-selected (and selected
(= option-name selected)))
:key option-name}
(if-not sub-options
[:a.context-menu-action {:on-click option-handler}
option-name]
[:a.context-menu-action.submenu
{:data-no-close true
:on-click (enter-submenu option-name sub-options)}
option-name
[:span i/arrow-slide]])])))])]])))