removed the mobile hook as that is what is the problem with the table, also removed the logs that are not needed anymore

src/cableEstimator/cableEstimator.tsx

@@ -173,7 +173,6 @@ export default function CableEstimator() {
     setRowCount(clone.length)
     //split out the first x amount for the page
     let rows = clone.splice(tablePage * pageSize, pageSize)
-    console.log("cableEstimator: " + rows)
     setDisplayedRows(rows)
     setLoading(false)
   },[binOptions, tablePage, pageSize, tableSearch])

src/cableEstimator/cableMounting.tsx

@@ -56,10 +56,6 @@ export default function CableMounting(props: Props) {
     }
   ]
 
-  useEffect(()=>{
-    console.log("cableMounting: " + bin.CableSums)
-  },[bin])
-
   return (
     <ResponsiveTable<CableSum>
       title={<Typography style={{ fontSize: 20, fontWeight: 650 }}>Install Guide</Typography>}

src/cableEstimator/cableTable.tsx

@@ -24,7 +24,6 @@ export default function CableTable(props: Props) {
     convertedCables.forEach(cable => {
       cable.Length = Math.round(distanceConversion(cable.Length) * 100) / 100;
     });
-    console.log("cableTable: " + cableData)
     setCableData(convertedCables);
   }, [bin]);
 

src/common/ResponsiveTable.tsx

@@ -7,7 +7,7 @@ import { useMobile } from "hooks";
 import classNames from "classnames";
 
 const useStyles = makeStyles((theme: Theme) => {
-  const isMobile = useMobile()
+  //const isMobile = useMobile()
   return ({
     gutter: {
       backgroundColor: darken(theme.palette.background.paper, 0.05),
@@ -52,9 +52,9 @@ const useStyles = makeStyles((theme: Theme) => {
     },
     rowHover: {
       cursor: "pointer",
-      "&:hover": {
-        backgroundColor: !isMobile && "rgba(150, 150, 150, 0.15)",
-      }
+      // "&:hover": {
+      //   backgroundColor: !isMobile && "rgba(150, 150, 150, 0.15)",
+      // }
     }
   })},
 );
@@ -136,8 +136,6 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
 
   const filterKey = window.location.pathname.split('/').pop() + "-table-filter-list";
 
-  console.log("added the hook back")
-
   const [filterList, setFilterList] = useState<string[]>(() => {
     const saved = localStorage.getItem(filterKey);
     return saved ? JSON.parse(saved) : [];

src/pages/Heaters.tsx

@@ -97,7 +97,6 @@ export default function Heaters() {
   }
 
   const desktopTable = () => {
-    console.log("Heater: " + heaters)
     return (
       <ResponsiveTable<pond.ObjectHeaterData>
         title={"Heaters"}

src/pages/Sites.tsx

@@ -45,7 +45,6 @@ export default function Sites() {
     siteAPI
       .listSitesPageData(pageSize, tablePage * pageSize, "asc", "siteName", undefined, as)
       .then(resp => {
-        console.log(resp)
         setTotal(resp.data.total);
         buildTableData(resp.data.sites);
       })
@@ -176,7 +175,6 @@ export default function Sites() {
   };
 
   const desktopView = () => {
-  console.log("Sites: " + sites)
   return (
     <ResponsiveTable<SiteWithData>
       title={"Jobsites"}

src/transactions/transactionViewer.tsx

@@ -81,8 +81,6 @@ export default function TransactionViewer(props: Props) {
   };
 
   const myTable = () => {
-    console.log("transactionViewer: " + displayedRows)
-    //console.log(transactions)
     return (
       <ResponsiveTable<Transaction>
         isLoading={loading}