From 40a4c51a66924fc499d3a978ea41b6de2b40c25b Mon Sep 17 00:00:00 2001
From: csawatzky <chris@adaptiveagriculture.ca>
Date: Thu, 10 Apr 2025 14:35:04 -0600
Subject: [PATCH] adding in the hook in the style declaration back in

---
 src/common/ResponsiveTable.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/common/ResponsiveTable.tsx b/src/common/ResponsiveTable.tsx
index e6afde9..b20fb6e 100644
--- a/src/common/ResponsiveTable.tsx
+++ b/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,7 +136,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
 
   const filterKey = window.location.pathname.split('/').pop() + "-table-filter-list";
 
-  console.log("Put back everything minus the style classes")
+  console.log("added the hook back")
 
   const [filterList, setFilterList] = useState<string[]>(() => {
     const saved = localStorage.getItem(filterKey);