Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-21 22:22:43 -05:00
Code Issues Activity

Fix editing/saving

Browse source
This commit is contained in:
Florian Schroedl 2024-05-27 14:43:11 +02:00
parent 169d71b2df
commit 6ed5dc138d
2 changed files with 9 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/main/ui/workspace/tokens/common.cljs
View file

@ -24,11 +24,8 @@
(mf/defc labeled-input (mf/defc labeled-input
{::mf/wrap-props false} {::mf/wrap-props false}
[{:keys [input-ref label default-value on-change auto-focus? auto-complete?]}] [{:keys [label input-props auto-complete?]}]
(let [input-props (cond-> {:ref input-ref (let [input-props (cond-> input-props
:default-value default-value
:autoFocus auto-focus?
:on-change on-change}
;; Disable auto-complete on form fields for proprietary password managers ;; Disable auto-complete on form fields for proprietary password managers
;; https://github.com/orgs/tokens-studio/projects/69/views/11?pane=issue&itemId=63724204 ;; https://github.com/orgs/tokens-studio/projects/69/views/11?pane=issue&itemId=63724204
(not auto-complete?) (assoc :data-1p-ignore true (not auto-complete?) (assoc :data-1p-ignore true

19
frontend/src/app/main/ui/workspace/tokens/modal.cljs
View file

@ -49,7 +49,6 @@
name (mf/use-var (or (:name token) "")) name (mf/use-var (or (:name token) ""))
on-update-name #(reset! name (dom/get-target-val %)) on-update-name #(reset! name (dom/get-target-val %))
name-ref (mf/use-ref)
token-value (mf/use-var (or (:value token) "")) token-value (mf/use-var (or (:value token) ""))
@ -79,29 +78,25 @@
(st/emit! (dt/add-token token)) (st/emit! (dt/add-token token))
(modal/hide!)))] (modal/hide!)))]
(mf/use-effect
(fn []
(dom/focus! (mf/ref-val name-ref))))
[:form [:form
{:class (stl/css :shadow) {:class (stl/css :shadow)
:style (clj->js style) :style (clj->js style)
:on-submit on-submit} :on-submit on-submit}
[:div {:class (stl/css :token-rows)} [:div {:class (stl/css :token-rows)}
[:& tokens.common/labeled-input {:label "Name" [:& tokens.common/labeled-input {:label "Name"
:default-value @name :input-props {:defaultValue @name
:on-change on-update-name :autoFocus true
:input-ref name-ref}] :onChange on-update-name}}]
(for [[idx {:keys [type label]}] (d/enumerate @state)] (for [[idx {:keys [type label]}] (d/enumerate @state)]
[:* {:key (str "form-field-" idx)} [:* {:key (str "form-field-" idx)}
(case type (case type
:box-shadow [:p "TODO BOX SHADOW"] :box-shadow [:p "TODO BOX SHADOW"]
[:& tokens.common/labeled-input {:label label [:& tokens.common/labeled-input {:label label
:default-value @token-value :input-props {:defaultValue @token-value
:on-change #(on-update-state-field idx %)}])]) :onChange #(on-update-state-field idx %)}}])])
[:& tokens.common/labeled-input {:label "Description" [:& tokens.common/labeled-input {:label "Description"
:default-value @description :input-props {:defaultValue @description
:on-change #(on-update-description %)}] :onChange #(on-update-description %)}}]
[:div {:class (stl/css :button-row)} [:div {:class (stl/css :button-row)}
[:button {:class (stl/css :button) [:button {:class (stl/css :button)
:type "submit"} :type "submit"}