diff --git a/app/src/components/SimulationDashboard/components/block/BlockEditor.tsx b/app/src/components/SimulationDashboard/components/block/BlockEditor.tsx index 951b8e8..2453dcd 100644 --- a/app/src/components/SimulationDashboard/components/block/BlockEditor.tsx +++ b/app/src/components/SimulationDashboard/components/block/BlockEditor.tsx @@ -309,6 +309,24 @@ const BlockEditor: React.FC = ({ +
+
Apperance
+ { + updateBlockStyle(selectedBlock, { + borderRadius: Number(newValue), + }); + }} + /> +
+
Background
@@ -363,20 +381,6 @@ const BlockEditor: React.FC = ({ value={parseInt(getCurrentBlockStyleValue(currentBlock, "backdropFilter")?.match(/\d+/)?.[0] || "10")} onChange={(value: number) => handleBlurAmountChange(selectedBlock, updateBlockStyle, Number(value))} /> - { - updateBlockStyle(selectedBlock, { - borderRadius: Number(newValue), - }); - }} - />
diff --git a/app/src/components/SimulationDashboard/components/element/ElementDesign.tsx b/app/src/components/SimulationDashboard/components/element/ElementDesign.tsx index 2abc8c5..4936d08 100644 --- a/app/src/components/SimulationDashboard/components/element/ElementDesign.tsx +++ b/app/src/components/SimulationDashboard/components/element/ElementDesign.tsx @@ -321,21 +321,6 @@ const ElementDesign: React.FC = ({ updateElementStyle(selectedBlock, selectedElement, { backdropFilter: `blur(${Number(value)}px)` }); }} /> - { - updateElementStyle(selectedBlock, selectedElement, { - borderRadius: Number(newValue), - }); - }} - /> ); diff --git a/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx b/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx index 7de6681..c43b2ca 100644 --- a/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx +++ b/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx @@ -520,73 +520,76 @@ const ElementEditor: React.FC = ({ {selectType === "data" && (
{element?.type === "label-value" && ( -
- { - updateElementData(selectedBlock, selectedElement, { label: value }); - }} - /> -
- }], - }, - { - title: "Assets", - items: getAssetDropdownItems(), - }, - ]} - value={ - element.dataBinding?.dataSource - ? { - id: element.dataBinding.dataSource as string, - label: - getEventByModelUuid(selectedProduct.productUuid, element.dataBinding.dataSource as string)?.modelName ?? - (element.dataBinding.dataSource === "global" ? "Global" : ""), - icon: , - } - : null - } + <> +
+
Data Handling
+ { - updateElementData(selectedBlock, selectedElement, { dataSource: value.id }); + updateElementData(selectedBlock, selectedElement, { label: value }); }} - dropDownHeader={"RT-Data"} - eyedroper={true} /> -
+
+ }], + }, + { + title: "Assets", + items: getAssetDropdownItems(), + }, + ]} + value={ + element.dataBinding?.dataSource + ? { + id: element.dataBinding.dataSource as string, + label: + getEventByModelUuid(selectedProduct.productUuid, element.dataBinding.dataSource as string)?.modelName ?? + (element.dataBinding.dataSource === "global" ? "Global" : ""), + icon: , + } + : null + } + onChange={(value) => { + updateElementData(selectedBlock, selectedElement, { dataSource: value.id }); + }} + dropDownHeader={"RT-Data"} + eyedroper={true} + /> +
-
- section.items) - .find((item) => item.id === element.dataBinding?.dataValue)?.label ?? "", - icon: , - } - : null - } - onChange={(value) => { - updateElementData(selectedBlock, selectedElement, { dataValue: value.id, label: value.label }); - }} - dropDownHeader={"RT-Data-Value"} - /> +
+ section.items) + .find((item) => item.id === element.dataBinding?.dataValue)?.label ?? "", + icon: , + } + : null + } + onChange={(value) => { + updateElementData(selectedBlock, selectedElement, { dataValue: value.id, label: value.label }); + }} + dropDownHeader={"RT-Data-Value"} + /> +
-
+ )} {/* Data Mapping */}