Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 00:58:26 -05:00
Code Issues Activity

🐛 Fix problem editing font names

Browse source
This commit is contained in:
alonso.torres 2024-02-27 16:46:08 +01:00 • committed by Andrey Antukh
parent 1d9b91821b
commit 905e1eea7b
1 changed files with 45 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
frontend/src/app/main/ui/dashboard/fonts.cljs
View file

@ -196,57 +196,69 @@
open-menu? (mf/use-state false)
edit? (mf/use-state false)
state* (mf/use-var (:font-family font))
state* (mf/use-state (:font-family font))
font-family (deref state*)
on-change
(fn [event]
(reset! state* (dom/get-target-val event)))
(mf/use-callback
(fn [event]
(reset! state* (dom/get-target-val event))))
on-save
(fn [_]
(let [font-family font-family]
(when-not (str/blank? font-family)
(st/emit! (df/update-font
{:id font-id
:name font-family})))
(reset! edit? false)))
(mf/use-callback
(mf/deps font-family)
(fn [_]
(when-not (str/blank? font-family)
(st/emit! (df/update-font {:id font-id :name font-family})))
(reset! edit? false)))
on-key-down
(fn [event]
(when (kbd/enter? event)
(on-save event)))
(mf/use-callback
(mf/deps on-save)
(fn [event]
(when (kbd/enter? event)
(on-save event))))
on-cancel
(fn [_]
(reset! edit? false)
(reset! state* (:font-family font)))
(mf/use-callback
(fn [_]
(reset! edit? false)
(reset! state* (:font-family font))))
delete-font-fn
(fn [] (st/emit! (df/delete-font font-id)))
(mf/use-callback
(mf/deps font-id)
(fn []
(st/emit! (df/delete-font font-id))))
delete-variant-fn
(fn [id] (st/emit! (df/delete-font-variant id)))
(mf/use-callback
(fn [id]
(st/emit! (df/delete-font-variant id))))
on-delete
(fn []
(st/emit! (modal/show
{:type :confirm
:title (tr "modals.delete-font.title")
:message (tr "modals.delete-font.message")
:accept-label (tr "labels.delete")
:on-accept (fn [_props] (delete-font-fn))})))
(mf/use-callback
(mf/deps delete-font-fn)
(fn []
(st/emit! (modal/show
{:type :confirm
:title (tr "modals.delete-font.title")
:message (tr "modals.delete-font.message")
:accept-label (tr "labels.delete")
:on-accept (fn [_props] (delete-font-fn))}))))
on-delete-variant
(fn [id]
(st/emit! (modal/show
{:type :confirm
:title (tr "modals.delete-font-variant.title")
:message (tr "modals.delete-font-variant.message")
:accept-label (tr "labels.delete")
:on-accept (fn [_props]
(delete-variant-fn id))})))]
(mf/use-callback
(mf/deps delete-variant-fn)
(fn [id]
(st/emit! (modal/show
{:type :confirm
:title (tr "modals.delete-font-variant.title")
:message (tr "modals.delete-font-variant.message")
:accept-label (tr "labels.delete")
:on-accept (fn [_props]
(delete-variant-fn id))}))))]
[:div {:class (stl/css :font-item :table-row)}
[:div {:class (stl/css :table-field :family)}