diff --git a/src/features/boards/Board.vue b/src/features/boards/Board.vue index 356bca7..3a50ff1 100644 --- a/src/features/boards/Board.vue +++ b/src/features/boards/Board.vue @@ -39,9 +39,11 @@ :dragging="unref(draggingNode)" :dragged="unref(draggingNode) === node ? dragged : undefined" :hasDragged="unref(draggingNode) == null ? false : hasDragged" - :receivingNode="unref(receivingNode)?.id === node.id" - :selectedNode="unref(selectedNode)" - :selectedAction="unref(selectedAction)" + :receivingNode="unref(receivingNode) === node" + :isSelected="unref(selectedNode) === node" + :selectedAction=" + unref(selectedNode) === node ? unref(selectedAction) : null + " @mouseDown="mouseDown" @endDragging="endDragging" @clickAction="(actionId: string) => clickAction(node, actionId)" diff --git a/src/features/boards/BoardNode.vue b/src/features/boards/BoardNode.vue index 1752370..6a32f37 100644 --- a/src/features/boards/BoardNode.vue +++ b/src/features/boards/BoardNode.vue @@ -160,7 +160,7 @@ const _props = defineProps<{ }; hasDragged?: boolean; receivingNode?: boolean; - selectedNode: BoardNode | null; + isSelected: boolean; selectedAction: GenericBoardNodeAction | null; }>(); const props = toRefs(_props); @@ -170,7 +170,6 @@ const emit = defineEmits<{ (e: "clickAction", actionId: string): void; }>(); -const isSelected = computed(() => unref(props.selectedNode) === unref(props.node)); const isDraggable = computed(() => getNodeProperty(props.nodeType.value.draggable, unref(props.node)) ); @@ -211,7 +210,7 @@ const shape = computed(() => getNodeProperty(props.nodeType.value.shape, unref(p const title = computed(() => getNodeProperty(props.nodeType.value.title, unref(props.node))); const label = computed( () => - (isSelected.value + (props.isSelected.value ? unref(props.selectedAction) && // eslint-disable-next-line @typescript-eslint/no-non-null-assertion getNodeProperty(unref(props.selectedAction)!.tooltip, unref(props.node))