From 9e6db9a31c9d5b03a40e7d97e31b8f17afa46572 Mon Sep 17 00:00:00 2001
From: Paulo Menezes <paulo.hgmenezes@gmail.com>
Date: Thu, 2 Jan 2020 20:28:53 -0300
Subject: [PATCH] Restore on page load

---
 src/index.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/index.tsx b/src/index.tsx
index 3de10137e..d69a84eb3 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -370,8 +370,6 @@ function restore() {
       item = generateDraw(item);
     }
     elements = [...items];
-
-    drawScene();
   }
 }
 
@@ -463,8 +461,6 @@ class App extends React.Component<{}, AppState> {
   }
 
   public render() {
-    const hasSavedItems = !!localStorage.getItem(LOCAL_STORAGE_KEY);
-
     return (
       <>
         <div className="wrappers">
@@ -472,9 +468,6 @@ class App extends React.Component<{}, AppState> {
             <button disabled={elements.length === 0} onClick={save}>
               Save
             </button>
-            <button disabled={!hasSavedItems} onClick={restore}>
-              Restore
-            </button>
           </div>
           <div className="exportWrapper">
             <button
@@ -740,6 +733,8 @@ const context = canvas.getContext("2d")!;
 // https://stackoverflow.com/questions/13879322/drawing-a-1px-thick-line-in-canvas-creates-a-2px-thick-line/13879402#comment90766599_13879402
 context.translate(0.5, 0.5);
 
+restore();
+
 function drawScene() {
   ReactDOM.render(<App />, rootElement);