fetch trade history on history table mount

components/TradeHistoryTable.tsx

@@ -2,7 +2,6 @@ import useTradeHistory from '../hooks/useTradeHistory'
 
 const TradeHistoryTable = () => {
   const { tradeHistory } = useTradeHistory()
-  console.log('trade history', tradeHistory)
 
   return (
     <div className={`flex flex-col py-6`}>

hooks/useTradeHistory.tsx

@@ -84,6 +84,12 @@ export const useTradeHistory = () => {
     setAllTrades(formatTradeHistory(results))
   }, [marginAccount])
 
+  useEffect(() => {
+    if (marginAccount) {
+      fetchTradeHistory()
+    }
+  }, [])
+
   useInterval(() => {
     if (marginAccount && tradeHistory.length === 0) {
       fetchTradeHistory()