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

🐛 Show lens icon in search dashboard

Browse source
This commit is contained in:
alonso.torres 2021-01-28 14:56:46 +01:00
parent fd620a858c
commit 81480f203d
2 changed files with 22 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/app/main/ui/dashboard/sidebar.cljs
View file

@ -75,12 +75,14 @@
(mf/defc sidebar-search
[{:keys [search-term team-id locale] :as props}]
(let [search-term (or search-term "")
focused? (mf/use-state false)
emit! (mf/use-memo #(f/debounce st/emit! 500))
on-search-focus
(mf/use-callback
(mf/deps team-id)
(fn [event]
(reset! focused? true)
(let [target (dom/get-target event)
value (dom/get-value target)]
(dom/select-text! target)
@ -88,6 +90,11 @@
(emit! (rt/nav :dashboard-search {:team-id team-id} {}))
(emit! (rt/nav :dashboard-search {:team-id team-id} {:search-term value}))))))
on-search-blur
(mf/use-callback
(fn [event]
(reset! focused? false)))
on-search-change
(mf/use-callback
(mf/deps team-id)
@ -114,11 +121,18 @@
:default-value search-term
:auto-complete "off"
:on-focus on-search-focus
:on-blur on-search-blur
:on-change on-search-change
:ref #(when % (set! (.-value %) search-term))}]
[:div.clear-search
{:on-click on-clear-click}
i/close]]))
(if (or @focused? (not (empty? search-term)))
[:div.clear-search
{:on-click on-clear-click}
i/close]
[:div.search
{:on-click on-clear-click}
i/search])]))
(mf/defc teams-selector-dropdown
[{:keys [team profile locale] :as props}]