Add localstorage save and load

src/Components/CreateEditorApp/CreateEditorApp.tsx

@@ -17,6 +17,8 @@ interface CreateEditorAppState {
 }
 
 export class CreateEditorApp extends React.Component<{}, CreateEditorAppState> {
+  localStorageKey: 'appData';
+
   constructor(props: {}) {
     super(props);
 
@@ -32,6 +34,7 @@ export class CreateEditorApp extends React.Component<{}, CreateEditorAppState> {
   }
 
   componentDidMount() {
+    this.loadFromLocalStorage();
     this.fetchImages();
   }
 
@@ -54,6 +57,24 @@ export class CreateEditorApp extends React.Component<{}, CreateEditorAppState> {
 
   }
 
+  componentDidUpdate() {
+    this.saveToLocalStorage();
+  }
+
+  saveToLocalStorage() {
+    const stateJSON = JSON.stringify(this.state);
+    localStorage.setItem(this.localStorageKey, stateJSON);
+  }
+
+  loadFromLocalStorage() {
+    const stateJSON = localStorage.getItem(this.localStorageKey);
+
+    if (stateJSON) {
+      const stateObject = JSON.parse(stateJSON);
+      this.setState(stateObject);
+    }
+  }
+
   addOrUpdateTextNode(nodeId: string, textNode: CanvasTextNode): void {
     this.setState((prevState) => {
       const newState = deppCloneNaive(prevState as CreateEditorAppState);

src/Components/DraggableNode/DraggableNode.css

@@ -7,7 +7,7 @@
     top: 0;
 
     padding: 0.25em;
-    border: 1px solid black;
+    border: 1px solid transparent;
 }
 
 .draggable-node.selected {