Merged

Co-authored-by: Michael Costello <[email protected]>
Co-authored-by: Steven Geiger <[email protected]>
Co-authored-by: Yufa Li <[email protected]>
Co-authored-by: Alexander Tu <[email protected]>

Author: 4 people

src/components/DBDisplay/FeatureTab.tsx

@@ -1,7 +1,9 @@
 // React & React Router & React Query Modules
+
 import React, { useState, useRef, useEffect } from 'react';
 import axios from 'axios';
 
+
 // Functions imported:
 import parseSql from '../../parse';
 import createEdges from '../ReactFlow/createEdges';
@@ -21,8 +23,10 @@ import QueryModal from './QueryModal';
 export default function FeatureTab(props: any) {
   //STATE DECLARATION (dbSpy3.0)
   const { setEdges, setNodes } = useFlowStore((state) => state);
+
   const { schemaStore, setSchemaStore, undoHandler, redoHandler, historyCounter } = useSchemaStore((state) => state);
   const { user, setUser } = useCredentialsStore((state: any) => state);
+
   const { setWelcome } = useSettingsStore((state) => state);
   const [action, setAction] = useState(new Array());
   const [queryModalOpened, setQueryModalOpened] = useState(false);
@@ -110,16 +114,6 @@ export default function FeatureTab(props: any) {
     setQueryModalOpened(false);
   };
 
-
-
-  // Undo/Redo functionality
-  const undoClick = () => { // commented logic for undoing at history[0] because there's a button for clearing canvas anyway
-    // if (historyCounter <= 1){
-    //   clearCanvasTables();
-    // }
-    undoHandler(); // from schemaStore
-  }
-
   // Temp
   const saveSchema = (): void => {
     // TODO: Sign in to upload/save
@@ -159,6 +153,16 @@ export default function FeatureTab(props: any) {
     setSchemaStore({});
     setUser(null);
   }
+
+  // Undo/Redo functionality
+  const undoClick = () => { // commented logic for undoing at history[0] because there's a button for clearing canvas anyway
+    // if (historyCounter <= 1){
+    //   clearCanvasTables();
+    // }
+    undoHandler(); // from schemaStore
+  }
+
+
   // END: HELPER FUNCTIONS
 
   return (