diff --git a/LINE_DRAWING_IMPROVEMENTS.md b/LINE_DRAWING_IMPROVEMENTS.md index 0736bcc..6375c55 100644 --- a/LINE_DRAWING_IMPROVEMENTS.md +++ b/LINE_DRAWING_IMPROVEMENTS.md @@ -78,7 +78,7 @@ stroke={annotation.color || '#3b82f6'} --- -### Phase 2: Visual Feedback +### Phase 2: Visual Feedback ✅ DONE #### 2.1 Cursor Circle During Drawing **File**: `src/components/SvgOverlay.tsx` diff --git a/src/components/SvgOverlay.tsx b/src/components/SvgOverlay.tsx index ee0002c..7e85935 100644 --- a/src/components/SvgOverlay.tsx +++ b/src/components/SvgOverlay.tsx @@ -334,6 +334,22 @@ export default function SvgOverlay({ ); }; + // Render cursor circle during line drawing + const renderCursorCircle = () => { + if (!drawingLine || !mousePosition) return null; + + return ( + + ); + }; + if (!chart || !series) return null; return ( @@ -354,6 +370,7 @@ export default function SvgOverlay({ > {renderLines()} {renderPreviewLine()} + {renderCursorCircle()} ); }