Readded delete to LeftContainer so that it's always mounted. Also added a fix for windows builds. Need set in the postinsall script.

Co-authored-by: jonocr <[email protected]>
Co-authored-by: buddhajjigae <[email protected]>
Co-authored-by: xkevinpark <[email protected]>
Co-authored-by: williamdyoon <[email protected]>

Author: 5 people

app/src/containers/LeftContainer.tsx

@@ -1,14 +1,29 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useCallback } from 'react';
 import Grid from '@material-ui/core/Grid';
 import ComponentDrag from '../components/right/ComponentDrag';
 import DragDropPanel from '../components/left/DragDropPanel';
+import StateContext from '../context/context';
 import { styleContext } from './AppContainer';
 
 // Left-hand portion of the app, where component options are displayed
 const LeftContainer = (props): JSX.Element => {
   const { style } = useContext(styleContext);
+  const [state, dispatch] = useContext(StateContext);
 
-// --------------------------COMPONENT PANEL MOVED TO RIGHTCONTAINER----------------------------
+  const handleDelete = () => {
+    dispatch({ type: 'DELETE CHILD', payload: {} });
+  };
+
+  const keyBindedFunc = useCallback(e => {
+    if (e.key === 'Backspace' && e.target.tagName !== "TEXTAREA" && e.target.tagName !== "INPUT") handleDelete();
+  }, []);
+
+  useEffect(() => {
+    document.addEventListener('keydown', keyBindedFunc);
+    return () => {
+      document.removeEventListener('keydown', keyBindedFunc);
+    };
+  }, []);
 
   return (
     <div className="column left" style={style}>

package.json

@@ -38,7 +38,7 @@
     "Tyler Sullberg"
   ],
   "scripts": {
-    "postinstall": "ELECTRON_BUILDER_ALLOW_UNRESOLVED_DEPENDENCIES=true electron-builder install-app-deps",
+    "postinstall": "set ELECTRON_BUILDER_ALLOW_UNRESOLVED_DEPENDENCIES=true electron-builder install-app-deps",
     "dev-server": "cross-env NODE_ENV=development webpack-dev-server --config ./webpack.development.js",
     "dev": "concurrently --success first \"cross-env NODE_ENV=development webpack-dev-server --config ./webpack.development.js\" \"cross-env NODE_ENV=development electron .\" \"npm run server\" -k",
     "p": "concurrently --success first \"npm run dev-server\" \"cross-env NODE_ENV=production electron .\" \"nodemon server/server.js\" -k",