added the splice

1 files changed, 6 insertions, 2 deletions

diff --git a/src/client/views/InkStrokeProperties.ts b/src/client/views/InkStrokeProperties.ts
index 03946bb60..6b4cf9e50 100644
--- a/src/client/views/InkStrokeProperties.ts
+++ b/src/client/views/InkStrokeProperties.ts
@@ -78,8 +78,12 @@ export class InkStrokeProperties {
     @undoBatch
     @action
     addPoints = (t: number, i: number, controls: { X: number, Y: number }[]) => {
-        const array = [{ x: controls[i].X, y: controls[i].Y }, { x: controls[i + 1].X, y: controls[i + 1].Y }, { x: controls[i + 2].X, y: controls[i + 2].Y }, { x: controls[i + 3].X, y: controls[i + 3].Y }];
-        const newsegs = new Bezier(array).split(t);
+        this.applyFunction((doc: Doc, ink: InkData) => {
+            const array = [{ x: controls[i].X, y: controls[i].Y }, { x: controls[i + 1].X, y: controls[i + 1].Y }, { x: controls[i + 2].X, y: controls[i + 2].Y }, { x: controls[i + 3].X, y: controls[i + 3].Y }];
+            const newsegs = new Bezier(array).split(t);
+            controls.splice(i, 4, ...[...newsegs.left.points.map(p => ({ X: p.x, Y: p.y })), ...newsegs.right.points.map(p => ({ X: p.x, Y: p.y }))]);
+            return controls;
+        });
         // this.applyFunction((doc: Doc, ink: InkData) => {
         //     const newControl = { X: x, Y: y };
         //     const newPoints: InkData = [];