UI polish Phase 1: quick wins (empty-canvas state, selection badge, contrast, FA icons, preset grid, assets empty state) #6
@@ -20,7 +20,7 @@ export const RenderNode: React.FC<RenderNodeProps> = ({ render }) => {
|
|||||||
const { id, isSelected, dom, name, parent } = useNode((node) => ({
|
const { id, isSelected, dom, name, parent } = useNode((node) => ({
|
||||||
isSelected: node.events.selected,
|
isSelected: node.events.selected,
|
||||||
dom: node.dom,
|
dom: node.dom,
|
||||||
name: node.data.custom?.displayName || node.data.displayName,
|
name: (node.data.props?.aiName as string) || node.data.displayName,
|
||||||
parent: node.data.parent,
|
parent: node.data.parent,
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
|||||||
@@ -118,9 +118,7 @@ export const AssetsPanel: React.FC = () => {
|
|||||||
onDrop={handleDrop}
|
onDrop={handleDrop}
|
||||||
onDragOver={handleDragOver}
|
onDragOver={handleDragOver}
|
||||||
onDragLeave={handleDragLeave}
|
onDragLeave={handleDragLeave}
|
||||||
onClick={assets.length === 0 ? () => fileInputRef.current?.click() : undefined}
|
{...(assets.length === 0 ? clickableProps(() => fileInputRef.current?.click()) : {})}
|
||||||
role={assets.length === 0 ? 'button' : undefined}
|
|
||||||
tabIndex={assets.length === 0 ? 0 : undefined}
|
|
||||||
style={{
|
style={{
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
|
|||||||
@@ -394,7 +394,7 @@ export const PagesPanel: React.FC = () => {
|
|||||||
cursor: 'pointer',
|
cursor: 'pointer',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<i className="fa fa-trash" />
|
<i className="fa fa-trash" aria-hidden="true" />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user