Spaces:
Running
Running
Address review comments.
Browse files
lynxkite-app/web/src/workspace/nodes/Group.tsx
CHANGED
@@ -1,4 +1,3 @@
|
|
1 |
-
import { cursorTo } from "node:readline";
|
2 |
import { useReactFlow } from "@xyflow/react";
|
3 |
import { useState } from "react";
|
4 |
// @ts-ignore
|
@@ -19,7 +18,6 @@ export default function Group(props: any) {
|
|
19 |
setDisplayingColorPicker(false);
|
20 |
}
|
21 |
function toggleColorPicker(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
|
22 |
-
console.log("toggleColorPicker", displayingColorPicker);
|
23 |
e.stopPropagation();
|
24 |
setDisplayingColorPicker(!displayingColorPicker);
|
25 |
}
|
@@ -34,7 +32,11 @@ export default function Group(props: any) {
|
|
34 |
opacity: 0.9,
|
35 |
}}
|
36 |
>
|
37 |
-
<button
|
|
|
|
|
|
|
|
|
38 |
<Tooltip doc="Change color">
|
39 |
<Palette />
|
40 |
</Tooltip>
|
|
|
|
|
1 |
import { useReactFlow } from "@xyflow/react";
|
2 |
import { useState } from "react";
|
3 |
// @ts-ignore
|
|
|
18 |
setDisplayingColorPicker(false);
|
19 |
}
|
20 |
function toggleColorPicker(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
|
|
|
21 |
e.stopPropagation();
|
22 |
setDisplayingColorPicker(!displayingColorPicker);
|
23 |
}
|
|
|
32 |
opacity: 0.9,
|
33 |
}}
|
34 |
>
|
35 |
+
<button
|
36 |
+
className="node-group-color-picker-icon"
|
37 |
+
onClick={toggleColorPicker}
|
38 |
+
aria-label="Change group color"
|
39 |
+
>
|
40 |
<Tooltip doc="Change color">
|
41 |
<Palette />
|
42 |
</Tooltip>
|