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) => ({
|
||||
isSelected: node.events.selected,
|
||||
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,
|
||||
}));
|
||||
|
||||
|
||||
@@ -118,9 +118,7 @@ export const AssetsPanel: React.FC = () => {
|
||||
onDrop={handleDrop}
|
||||
onDragOver={handleDragOver}
|
||||
onDragLeave={handleDragLeave}
|
||||
onClick={assets.length === 0 ? () => fileInputRef.current?.click() : undefined}
|
||||
role={assets.length === 0 ? 'button' : undefined}
|
||||
tabIndex={assets.length === 0 ? 0 : undefined}
|
||||
{...(assets.length === 0 ? clickableProps(() => fileInputRef.current?.click()) : {})}
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
|
||||
@@ -394,7 +394,7 @@ export const PagesPanel: React.FC = () => {
|
||||
cursor: 'pointer',
|
||||
}}
|
||||
>
|
||||
<i className="fa fa-trash" />
|
||||
<i className="fa fa-trash" aria-hidden="true" />
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user