fixes dot on drawing

components/tools-panel/tools-panel.tsx

@@ -177,7 +177,7 @@ export default function ToolsPanel() {
 
 const OuterContainer = styled('div', {
   position: 'fixed',
-  bottom: 32,
+  bottom: 44,
   left: 0,
   right: 0,
   padding: '0 8px 12px 8px',

lib/shape-utils/draw.tsx

@@ -54,7 +54,7 @@ const draw = registerShapeUtils<DrawShape>({
       renderPath(shape, style)
     }
 
-    if (points.length < 2) {
+    if (points.length > 0 && points.length < 3) {
       return (
         <circle id={id} r={+styles.strokeWidth * 0.618} fill={styles.stroke} />
       )

state/sessions/draw-session.ts

@@ -22,12 +22,14 @@ export default class BrushSession extends BaseSession {
     this.origin = point
     this.previous = point
     this.last = point
-    this.points = []
+    this.points = [[0, 0]]
     this.snapshot = getDrawSnapshot(data, id)
 
     const page = getPage(data)
-    const shape = page.shapes[id]
+    const shape = page.shapes[id] as DrawShape
     getShapeUtils(shape).translateTo(shape, point)
+
+    updateParents(data, [shape.id])
   }
 
   update = (
@@ -99,7 +101,12 @@ export default class BrushSession extends BaseSession {
     const page = getPage(data)
     const shape = page.shapes[snapshot.id] as DrawShape
 
-    getShapeUtils(shape).onSessionComplete(shape)
+    getShapeUtils(shape)
+      .setProperty(shape, 'points', [...this.points])
+      .onSessionComplete(shape)
+
+    updateParents(data, [shape.id])
+
     commands.draw(data, this.snapshot.id)
   }
 }

state/storage.ts

@@ -23,8 +23,6 @@ class Storage {
   }
 
   load(data: Data, restoredData: any) {
-    console.log('loading restored data', restoredData)
-
     // Before loading the state, save the pages / page states
     for (let key in restoredData.document.pages) {
       this.savePage(restoredData, restoredData.document.id, key)
@@ -246,8 +244,6 @@ class Storage {
         getTextFromBlob(blob).then((text) => {
           const restoredData = JSON.parse(text)
 
-          console.log('restoring data', restoredData)
-
           if (restoredData === null) {
             console.warn('Could not load that data.')
             return