diff --git a/editor/src/document/properties_panel_message_handler.rs b/editor/src/document/properties_panel_message_handler.rs index 13f65b25..634bab38 100644 --- a/editor/src/document/properties_panel_message_handler.rs +++ b/editor/src/document/properties_panel_message_handler.rs @@ -218,7 +218,7 @@ fn register_layer_properties(layer: &Layer, responses: &mut VecDeque) { gap_after: true, })), LayerDataType::Shape(_) => WidgetHolder::new(Widget::IconLabel(IconLabel { - icon: "NodePath".into(), + icon: "NodeShape".into(), gap_after: true, })), LayerDataType::Text(_) => WidgetHolder::new(Widget::IconLabel(IconLabel { diff --git a/frontend/assets/16px-solid/node-image.svg b/frontend/assets/16px-solid/node-image.svg new file mode 100644 index 00000000..10a7dfe7 --- /dev/null +++ b/frontend/assets/16px-solid/node-image.svg @@ -0,0 +1,4 @@ + + + + diff --git a/frontend/assets/16px-solid/node-path.svg b/frontend/assets/16px-solid/node-shape.svg similarity index 100% rename from frontend/assets/16px-solid/node-path.svg rename to frontend/assets/16px-solid/node-shape.svg diff --git a/frontend/src/components/panels/LayerTree.vue b/frontend/src/components/panels/LayerTree.vue index 08d0c391..3e7f7bed 100644 --- a/frontend/src/components/panels/LayerTree.vue +++ b/frontend/src/components/panels/LayerTree.vue @@ -75,7 +75,8 @@ > - + + diff --git a/frontend/src/dispatcher/js-messages.ts b/frontend/src/dispatcher/js-messages.ts index 5c1667af..19cef882 100644 --- a/frontend/src/dispatcher/js-messages.ts +++ b/frontend/src/dispatcher/js-messages.ts @@ -369,7 +369,7 @@ export class LayerMetadata { selected!: boolean; } -export type LayerType = "Folder" | "Shape" | "Text"; +export type LayerType = "Folder" | "Image" | "Shape" | "Text"; export class IndexedDbDocumentDetails extends DocumentDetails { @Transform(({ value }: { value: BigInt }) => value.toString()) diff --git a/frontend/src/utilities/icons.ts b/frontend/src/utilities/icons.ts index c73eefbc..c7748771 100644 --- a/frontend/src/utilities/icons.ts +++ b/frontend/src/utilities/icons.ts @@ -50,7 +50,8 @@ import FlipVertical from "@/../assets/16px-solid/flip-vertical.svg"; import GraphiteLogo from "@/../assets/16px-solid/graphite-logo.svg"; import NewLayer from "@/../assets/16px-solid/new-layer.svg"; import NodeFolder from "@/../assets/16px-solid/node-folder.svg"; -import NodePath from "@/../assets/16px-solid/node-path.svg"; +import NodeImage from "@/../assets/16px-solid/node-image.svg"; +import NodeShape from "@/../assets/16px-solid/node-shape.svg"; import NodeText from "@/../assets/16px-solid/node-text.svg"; import Paste from "@/../assets/16px-solid/paste.svg"; import Trash from "@/../assets/16px-solid/trash.svg"; @@ -158,7 +159,8 @@ export const ICON_LIST = { NewLayer: { component: NewLayer, size: size16 }, Paste: { component: Paste, size: size16 }, NodeFolder: { component: NodeFolder, size: size16 }, - NodePath: { component: NodePath, size: size16 }, + NodeImage: { component: NodeImage, size: size16 }, + NodeShape: { component: NodeShape, size: size16 }, NodeText: { component: NodeText, size: size16 }, Trash: { component: Trash, size: size16 }, ViewModeNormal: { component: ViewModeNormal, size: size16 },