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

✨ UI debug toggle for export/import

Browse source
This commit is contained in:
alonso.torres 2021-06-14 21:48:29 +02:00
parent 76e2309778
commit 5c9ec92cc5
12 changed files with 81 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/app/main/ui/components/file_uploader.cljs
View file

@ -12,17 +12,21 @@
[app.util.dom :as dom]))
(mf/defc file-uploader
[{:keys [accept multi label-text label-class input-id input-ref on-selected] :as props}]
{::mf/forward-ref true}
[{:keys [accept multi label-text label-class input-id on-selected] :as props} input-ref]
(let [opt-pick-one #(if multi % (first %))
on-files-selected (fn [event]
(let [target (dom/get-target event)]
(st/emit!
(some-> target
(dom/get-files)
(opt-pick-one)
(on-selected)))
(dom/clean-value! target)))]
on-files-selected
(mf/use-callback
(mf/deps opt-pick-one)
(fn [event]
(let [target (dom/get-target event)]
(st/emit!
(some-> target
(dom/get-files)
(opt-pick-one)
(on-selected)))
(dom/clean-value! target))))]
[:*
(when label-text
[:label {:for input-id :class-name label-class} label-text])