Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 18:48:37 -05:00
Code Issues Activity

Merge pull request #1570 from penpot/fix/problem-with-typographies

Browse source 
🐛 Fix problem with typographies in assets
This commit is contained in:
Eva Marco 2022-02-09 15:48:34 +01:00 • committed by GitHub
commit 69effa37a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
View file

@ -461,14 +461,17 @@
(let [open? (mf/use-state editing?) (let [open? (mf/use-state editing?)
hover-detach (mf/use-state false) hover-detach (mf/use-state false)
name-input-ref (mf/use-ref) name-input-ref (mf/use-ref)
on-change-ref (mf/use-ref nil)
name-ref (mf/use-ref (:name typography)) name-ref (mf/use-ref (:name typography))
on-name-blur on-name-blur
(mf/use-callback
(mf/deps on-change)
(fn [event] (fn [event]
(let [content (dom/get-target-val event)] (let [content (dom/get-target-val event)]
(when-not (str/blank? content) (when-not (str/blank? content)
(on-change {:name content})))) (on-change {:name content})))))
handle-go-to-edit handle-go-to-edit
(fn [] (fn []
@ -496,13 +499,19 @@
(dom/focus! node) (dom/focus! node)
(dom/select-text! node)))))) (dom/select-text! node))))))
(mf/use-effect
(mf/deps on-change)
(fn []
(mf/set-ref-val! on-change-ref {:on-change on-change})))
(mf/use-effect (mf/use-effect
(fn [] (fn []
(fn [] (fn []
(let [content (mf/ref-val name-ref)] (let [content (mf/ref-val name-ref)]
;; On destroy we check if it changed ;; On destroy we check if it changed
(when (and (some? content) (not= content (:name typography))) (when (and (some? content) (not= content (:name typography)))
(on-change {:name content})))))) (let [{:keys [on-change]} (mf/ref-val on-change-ref)]
(on-change {:name content})))))))
[:* [:*
[:div.element-set-options-group.typography-entry [:div.element-set-options-group.typography-entry