Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-02 20:39:09 -05:00
Code Issues Activity

💄 Add some cosmetic improvements on access-tokens components

Browse source
This commit is contained in:
Andrey Antukh 2023-05-09 12:17:38 +02:00
parent 5ca3d01ea1
commit 8e0abec876
1 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/app/main/ui/settings/access_tokens.cljs
View file

@ -94,12 +94,14 @@
(with-meta params mdata)))))) (with-meta params mdata))))))
copy-token copy-token
(mf/use-fn
(mf/deps created)
(fn [event] (fn [event]
(dom/prevent-default event) (dom/prevent-default event)
(wapi/write-to-clipboard (:token created)) (wapi/write-to-clipboard (:token created))
(st/emit! (dm/show {:type :info (st/emit! (dm/show {:type :info
:content (tr "dashboard.access-tokens.copied-success") :content (tr "dashboard.access-tokens.copied-success")
:timeout 1000})))] :timeout 1000}))))]
[:div.modal-overlay [:div.modal-overlay
[:div.modal-container.access-tokens-modal [:div.modal-container.access-tokens-modal
@ -180,17 +182,18 @@
[:span (tr "dashboard.access-tokens.create")]]]])) [:span (tr "dashboard.access-tokens.create")]]]]))
(mf/defc access-token-actions (mf/defc access-token-actions
[{:keys [on-delete] :as props}] [{:keys [on-delete]}]
(let [local (mf/use-state {:menu-open false}) (let [local (mf/use-state {:menu-open false})
show? (:menu-open @local) show? (:menu-open @local)
menu-ref (mf/use-ref) options (mf/with-memo [on-delete]
options [{:option-name (tr "labels.delete") [{:option-name (tr "labels.delete")
:id "access-token-delete" :id "access-token-delete"
:option-handler on-delete}] :option-handler on-delete}])
menu-ref (mf/use-ref)
on-menu-close on-menu-close
(mf/use-fn (mf/use-fn #(swap! local assoc :menu-open false))
#(swap! local assoc :menu-open false))
on-menu-click on-menu-click
(mf/use-fn (mf/use-fn
@ -254,7 +257,7 @@
:else (tr "dashboard.access-tokens.expires-on" expires-txt))]] :else (tr "dashboard.access-tokens.expires-on" expires-txt))]]
[:div.table-field.actions [:div.table-field.actions
[:& access-token-actions [:& access-token-actions
{:on-delete on-delete :key (:id token)}]]])) {:on-delete on-delete}]]]))
(mf/defc access-tokens-page (mf/defc access-tokens-page
[] []