hw 4 done

site/src/components/Table.jsx

@@ -14,8 +14,14 @@ const Table = (props) => {
     const [activePage, setActivePage] = useState("1");
 
     const [dataTable, setDataTable] = useState(props.data);
-    const updateDataTable = (value) => setDataTable(value);
+    const [applySort, setApplySort] = useState({f:(x)=>{x}});
 
+
+
+    const updateDataTable = (value) => {
+        applySort.f();
+        setDataTable(value);
+    }
     const changeActive = (event) => {
         setActivePage(event.target.innerHTML);
     };
@@ -38,7 +44,7 @@ const Table = (props) => {
 
 
             <h4>Sort by</h4>
-            <Sorting data = {dataTable} keys = {Object.keys(props.data[0])}/>
+            <Sorting data = {dataTable} keys = {Object.keys(props.data[0])} returnDataCallback={setDataTable} setApplySort={setApplySort}/>
 
             <table>
                 <TableHead head={Object.keys(props.data[0])} />