From 382e09f606d94921dab460cc8c8564199bb0b70d Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Wed, 5 Feb 2025 17:10:20 -0500
Subject: cleanup of presbox properties.

---
 .../views/nodes/trails/CubicBezierEditor.tsx       | 154 ++++++++++-----------
 1 file changed, 76 insertions(+), 78 deletions(-)

(limited to 'src/client/views/nodes/trails/CubicBezierEditor.tsx')

diff --git a/src/client/views/nodes/trails/CubicBezierEditor.tsx b/src/client/views/nodes/trails/CubicBezierEditor.tsx
index e1ad1e6e5..627b77184 100644
--- a/src/client/views/nodes/trails/CubicBezierEditor.tsx
+++ b/src/client/views/nodes/trails/CubicBezierEditor.tsx
@@ -118,84 +118,82 @@ function CubicBezierEditor({ setFunc, currPoints }: Props) {
     }, [c2Down, currPoints]);
 
     return (
-        <div
-            onPointerMove={e => {
-                e.stopPropagation;
-            }}>
-            <svg className="presBox-bezier-editor" width={`${CONTAINER_WIDTH}`} height={`${CONTAINER_WIDTH}`} xmlns="http://www.w3.org/2000/svg">
-                {/* Outlines */}
-                <line x1={`${0 + OFFSET}`} y1={`${EDITOR_WIDTH + OFFSET}`} x2={`${EDITOR_WIDTH + OFFSET}`} y2={`${0 + OFFSET}`} stroke="#c1c1c1" strokeWidth="1" />
-                {/* Box Outline */}
-                <rect x={`${0 + OFFSET}`} y={`${0 + OFFSET}`} width={EDITOR_WIDTH} height={EDITOR_WIDTH} stroke="#c5c5c5" fill="transparent" strokeWidth="1" />
-                {/* Editor */}
-                <path
-                    d={`M ${0 + OFFSET} ${EDITOR_WIDTH + OFFSET} C ${currPoints.p1[0] * EDITOR_WIDTH + OFFSET} ${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}, ${
-                        currPoints.p2[0] * EDITOR_WIDTH + OFFSET
-                    } ${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}, ${EDITOR_WIDTH + OFFSET} ${0 + OFFSET}`}
-                    stroke="#ffffff"
-                    fill="transparent"
-                />
-                {/* Bottom left */}
-                <line
-                    onPointerDown={() => {
-                        setC1Down(true);
-                    }}
-                    onPointerUp={() => {
-                        setC1Down(false);
-                    }}
-                    x1={`${0 + OFFSET}`}
-                    y1={`${EDITOR_WIDTH + OFFSET}`}
-                    x2={`${currPoints.p1[0] * EDITOR_WIDTH + OFFSET}`}
-                    y2={`${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}`}
-                    stroke="#00000000"
-                    strokeWidth="5"
-                />
-                <line x1={`${0 + OFFSET}`} y1={`${EDITOR_WIDTH + OFFSET}`} x2={`${currPoints.p1[0] * EDITOR_WIDTH + OFFSET}`} y2={`${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}`} stroke="#ffffff" strokeWidth="1" />
-                <circle
-                    cx={`${currPoints.p1[0] * EDITOR_WIDTH + OFFSET}`}
-                    cy={`${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}`}
-                    r="5"
-                    fill={`${c1Down ? '#3fa9ff' : '#ffffff'}`}
-                    onPointerDown={e => {
-                        e.stopPropagation();
-                        setC1Down(true);
-                    }}
-                    onPointerUp={() => {
-                        setC1Down(false);
-                    }}
-                />
-                {/* Top right */}
-                <line
-                    onPointerDown={e => {
-                        e.stopPropagation();
-                        setC2Down(true);
-                    }}
-                    onPointerUp={() => {
-                        setC2Down(false);
-                    }}
-                    x1={`${EDITOR_WIDTH + OFFSET}`}
-                    y1={`${0 + OFFSET}`}
-                    x2={`${currPoints.p2[0] * EDITOR_WIDTH + OFFSET}`}
-                    y2={`${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}`}
-                    stroke="#00000000"
-                    strokeWidth="5"
-                />
-                <line x1={`${EDITOR_WIDTH + OFFSET}`} y1={`${0 + OFFSET}`} x2={`${currPoints.p2[0] * EDITOR_WIDTH + OFFSET}`} y2={`${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}`} stroke="#ffffff" strokeWidth="1" />
-                <circle
-                    cx={`${currPoints.p2[0] * EDITOR_WIDTH + OFFSET}`}
-                    cy={`${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}`}
-                    r="5"
-                    fill={`${c2Down ? '#3fa9ff' : '#ffffff'}`}
-                    onPointerDown={e => {
-                        e.stopPropagation();
-                        setC2Down(true);
-                    }}
-                    onPointerUp={() => {
-                        setC2Down(false);
-                    }}
-                />
-            </svg>
-        </div>
+        <svg className="presBox-bezier-editor" width={`${CONTAINER_WIDTH}`} height={`${CONTAINER_WIDTH}`} xmlns="http://www.w3.org/2000/svg">
+            {/* Outlines */}
+            <line x1={`${0 + OFFSET}`} y1={`${EDITOR_WIDTH + OFFSET}`} x2={`${EDITOR_WIDTH + OFFSET}`} y2={`${0 + OFFSET}`} stroke="#c1c1c1" strokeWidth="1" />
+            {/* Box Outline */}
+            <rect x={`${0 + OFFSET}`} y={`${0 + OFFSET}`} width={EDITOR_WIDTH} height={EDITOR_WIDTH} stroke="#c5c5c5" fill="transparent" strokeWidth="1" />
+            {/* Editor */}
+            <path
+                d={`M ${0 + OFFSET} ${EDITOR_WIDTH + OFFSET} C ${currPoints.p1[0] * EDITOR_WIDTH + OFFSET} ${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}, ${
+                    currPoints.p2[0] * EDITOR_WIDTH + OFFSET
+                } ${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}, ${EDITOR_WIDTH + OFFSET} ${0 + OFFSET}`}
+                stroke="#ffffff"
+                fill="transparent"
+            />
+            {/* Bottom left */}
+            <line
+                onPointerDown={() => {
+                    setC1Down(true);
+                }}
+                onPointerMove={e => {
+                    e.stopPropagation;
+                }}
+                onPointerUp={() => {
+                    setC1Down(false);
+                }}
+                x1={`${0 + OFFSET}`}
+                y1={`${EDITOR_WIDTH + OFFSET}`}
+                x2={`${currPoints.p1[0] * EDITOR_WIDTH + OFFSET}`}
+                y2={`${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}`}
+                stroke="#00000000"
+                strokeWidth="5"
+            />
+            <line x1={`${0 + OFFSET}`} y1={`${EDITOR_WIDTH + OFFSET}`} x2={`${currPoints.p1[0] * EDITOR_WIDTH + OFFSET}`} y2={`${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}`} stroke="#ffffff" strokeWidth="1" />
+            <circle
+                cx={`${currPoints.p1[0] * EDITOR_WIDTH + OFFSET}`}
+                cy={`${EDITOR_WIDTH - currPoints.p1[1] * EDITOR_WIDTH + OFFSET}`}
+                r="5"
+                fill={`${c1Down ? '#3fa9ff' : '#ffffff'}`}
+                onPointerDown={e => {
+                    e.stopPropagation();
+                    setC1Down(true);
+                }}
+                onPointerUp={() => {
+                    setC1Down(false);
+                }}
+            />
+            {/* Top right */}
+            <line
+                onPointerDown={e => {
+                    e.stopPropagation();
+                    setC2Down(true);
+                }}
+                onPointerUp={() => {
+                    setC2Down(false);
+                }}
+                x1={`${EDITOR_WIDTH + OFFSET}`}
+                y1={`${0 + OFFSET}`}
+                x2={`${currPoints.p2[0] * EDITOR_WIDTH + OFFSET}`}
+                y2={`${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}`}
+                stroke="#00000000"
+                strokeWidth="5"
+            />
+            <line x1={`${EDITOR_WIDTH + OFFSET}`} y1={`${0 + OFFSET}`} x2={`${currPoints.p2[0] * EDITOR_WIDTH + OFFSET}`} y2={`${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}`} stroke="#ffffff" strokeWidth="1" />
+            <circle
+                cx={`${currPoints.p2[0] * EDITOR_WIDTH + OFFSET}`}
+                cy={`${EDITOR_WIDTH - currPoints.p2[1] * EDITOR_WIDTH + OFFSET}`}
+                r="5"
+                fill={`${c2Down ? '#3fa9ff' : '#ffffff'}`}
+                onPointerDown={e => {
+                    e.stopPropagation();
+                    setC2Down(true);
+                }}
+                onPointerUp={() => {
+                    setC2Down(false);
+                }}
+            />
+        </svg>
     );
 }
 
-- 
cgit v1.2.3-70-g09d2