refactored keybindings for shorter code and cleaned up console log

Author: eddypjr

app/src/components/right/SaveProjectButton.tsx

@@ -51,11 +51,8 @@ export default function FormDialog() {
   };
 
   const saveKeyBind = useCallback((e) => {
-    //Save Project As
-      //Mac
-    (e.key === 's' && e.metaKey && !e.shiftKey) ? handleClickOpen() : 
-      //Windows
-    (e.key === 's' && e.ctrlKey && !e.shiftKey) ? handleClickOpen() : '';
+    //Save Project As, the || is for Mac or Windows
+    (e.key === 's' && e.metaKey && !e.shiftKey || e.key === 's' && e.ctrlKey && !e.shiftKey) ? handleClickOpen() : '';
   }, []);
 
   useEffect(() => {

app/src/containers/RightContainer.tsx

@@ -289,18 +289,15 @@ const RightContainer = ({isThemeLight}): JSX.Element => {
   };
 
   const keyBindedFunc = useCallback((e) => {
-    const index = 1;
-    //Mac
-    (e.key === 'z' && e.metaKey && !e.shiftKey) ? handleUndo() :
-    (e.key === 'z' && e.ctrlKey && !e.shiftKey) ? handleUndo() :
-    //Windows
-    (e.shiftKey && e.metaKey && e.key === 'z') ? handleRedo() : 
-    (e.shiftKey && e.ctrlKey && e.key === 'z') ? handleRedo() :
-    //Delete HTML tag off canvas 
+    // the || is for either Mac or Windows OS
+      //Undo
+    (e.key === 'z' && e.metaKey && !e.shiftKey || e.key === 'z' && e.ctrlKey && !e.shiftKey) ? handleUndo() :
+      //Redo
+    (e.shiftKey && e.metaKey && e.key === 'z' || e.shiftKey && e.ctrlKey && e.key === 'z') ? handleRedo() : 
+      //Delete HTML tag off canvas 
     (e.key === 'Backspace') ? handleDelete() :
-    //Save Mac + Windows
-    (e.key === 's' && e.ctrlKey && e.shiftKey) ? handleSave() : '';
-    (e.key === 's' && e.metaKey && e.shiftKey) ? handleSave() : '';
+      //Save
+    (e.key === 's' && e.ctrlKey && e.shiftKey || e.key === 's' && e.metaKey && e.shiftKey) ? handleSave() : '';
   }, []);
 
   useEffect(() => {

app/src/reducers/componentReducer.ts

@@ -399,7 +399,6 @@ const reducer = (state: State, action: Action) => {
 
       if (childId < 1000) { // makes separators not selectable
         let canvasFocus = { ...state.canvasFocus, componentId, childId};
-        console.log('canvasFocus', canvasFocus)
         return {...state, canvasFocus}
       }
       return { ...state };