chore(node-toolbar): cleanup
This commit is contained in:
@@ -25,7 +25,7 @@ const nodeEqualityFn = (a: SelectedNode, b: SelectedNode) =>
|
|||||||
a?.selected === b?.selected &&
|
a?.selected === b?.selected &&
|
||||||
a?.[internalsSymbol]?.z === b?.[internalsSymbol]?.z;
|
a?.[internalsSymbol]?.z === b?.[internalsSymbol]?.z;
|
||||||
|
|
||||||
const transformSelector = (state: ReactFlowState) => ({ transform: state.transform, nodeOrigin: state.nodeOrigin });
|
const selector = (state: ReactFlowState) => ({ transform: state.transform, nodeOrigin: state.nodeOrigin });
|
||||||
|
|
||||||
function getTransform(nodeRect: Rect, transform: Transform, position: Position, offset: number): string {
|
function getTransform(nodeRect: Rect, transform: Transform, position: Position, offset: number): string {
|
||||||
// position === Position.Top
|
// position === Position.Top
|
||||||
@@ -68,7 +68,7 @@ function NodeToolbar({
|
|||||||
}: NodeToolbarProps) {
|
}: NodeToolbarProps) {
|
||||||
const nodeSelector = useCallback((state: ReactFlowState): SelectedNode => state.nodeInternals.get(nodeId), [nodeId]);
|
const nodeSelector = useCallback((state: ReactFlowState): SelectedNode => state.nodeInternals.get(nodeId), [nodeId]);
|
||||||
const node = useStore(nodeSelector, nodeEqualityFn);
|
const node = useStore(nodeSelector, nodeEqualityFn);
|
||||||
const { transform, nodeOrigin } = useStore(transformSelector, shallow);
|
const { transform, nodeOrigin } = useStore(selector, shallow);
|
||||||
|
|
||||||
if (!isActive || !node) {
|
if (!isActive || !node) {
|
||||||
return null;
|
return null;
|
||||||
|
|||||||
Reference in New Issue
Block a user