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 display of asset names and console warning

Browse source
This commit is contained in:
Andrés Moya 2022-06-20 18:14:21 +02:00
parent 3053e867cb
commit a08c1b1278
1 changed files with 42 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/app/main/ui/workspace/sidebar/assets.cljs
View file

@ -407,8 +407,7 @@
(fn [event] (fn [event]
(on-asset-drag-start event component selected-components item-ref :components on-drag-start)))] (on-asset-drag-start event component selected-components item-ref :components on-drag-start)))]
[:div {:key (:id component) [:div {:ref item-ref
:ref item-ref
:class (dom/classnames :class (dom/classnames
:selected (contains? selected-components (:id component)) :selected (contains? selected-components (:id component))
:grid-cell @listing-thumbs? :grid-cell @listing-thumbs?
@ -426,8 +425,9 @@
[:& component-svg {:group (get-in component [:objects (:id component)]) [:& component-svg {:group (get-in component [:objects (:id component)])
:objects (:objects component)}] :objects (:objects component)}]
(let [renaming? (= renaming (:id component))] (let [renaming? (= renaming (:id component))]
[:*
[:& editable-label [:& editable-label
{:class (dom/classnames {:class-name (dom/classnames
:cell-name @listing-thumbs? :cell-name @listing-thumbs?
:item-name (not @listing-thumbs?) :item-name (not @listing-thumbs?)
:editing renaming?) :editing renaming?)
@ -442,7 +442,7 @@
:on-change do-rename :on-change do-rename
:on-cancel cancel-rename}] :on-cancel cancel-rename}]
(when @dragging? (when @dragging?
[:div.dragging]))])) [:div.dragging])])]))
(mf/defc components-group (mf/defc components-group
[{:keys [file-id prefix groups open-groups renaming listing-thumbs? selected-components on-asset-click [{:keys [file-id prefix groups open-groups renaming listing-thumbs? selected-components on-asset-click
@ -510,6 +510,7 @@
[:div.drop-space]) [:div.drop-space])
(for [component components] (for [component components]
[:& components-item {:component component [:& components-item {:component component
:key (:id component)
:renaming renaming :renaming renaming
:listing-thumbs? listing-thumbs? :listing-thumbs? listing-thumbs?
:selected-components selected-components :selected-components selected-components
@ -751,8 +752,7 @@
(fn [event] (fn [event]
(on-asset-drag-start event object selected-objects item-ref :graphics on-drag-start)))] (on-asset-drag-start event object selected-objects item-ref :graphics on-drag-start)))]
[:div {:key (:id object) [:div {:ref item-ref
:ref item-ref
:class-name (dom/classnames :class-name (dom/classnames
:selected (contains? selected-objects (:id object)) :selected (contains? selected-objects (:id object))
:grid-cell @listing-thumbs? :grid-cell @listing-thumbs?
@ -769,6 +769,7 @@
:draggable false}] ;; Also need to add css pointer-events: none :draggable false}] ;; Also need to add css pointer-events: none
(let [renaming? (= renaming (:id object))] (let [renaming? (= renaming (:id object))]
[:*
[:& editable-label [:& editable-label
{:class-name (dom/classnames {:class-name (dom/classnames
:cell-name @listing-thumbs? :cell-name @listing-thumbs?
@ -785,7 +786,7 @@
:on-change do-rename :on-change do-rename
:on-cancel cancel-rename}] :on-cancel cancel-rename}]
(when @dragging? (when @dragging?
[:div.dragging]))])) [:div.dragging])])]))
(mf/defc graphics-group (mf/defc graphics-group
[{:keys [file-id prefix groups open-groups renaming listing-thumbs? selected-objects on-asset-click [{:keys [file-id prefix groups open-groups renaming listing-thumbs? selected-objects on-asset-click
@ -852,7 +853,8 @@
(some? groups)) (some? groups))
[:div.drop-space]) [:div.drop-space])
(for [object objects] (for [object objects]
[:& graphics-item {:object object [:& graphics-item {:key (:id object)
:object object
:renaming renaming :renaming renaming
:listing-thumbs? listing-thumbs? :listing-thumbs? listing-thumbs?
:selected-objects selected-objects :selected-objects selected-objects