From 3b715d3ab8a5fe8f4f6c4bbe3d69a0499386f207 Mon Sep 17 00:00:00 2001
From: Anish Roy <62830866+iamanishroy@users.noreply.github.com>
Date: Wed, 18 Jan 2023 18:16:43 +0000
Subject: [PATCH] worked on making cards fully clickable

---
 src/components/Tables/TableGrid/TableCard.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Tables/TableGrid/TableCard.tsx b/src/components/Tables/TableGrid/TableCard.tsx
index dd5489a9..88472b5c 100644
--- a/src/components/Tables/TableGrid/TableCard.tsx
+++ b/src/components/Tables/TableGrid/TableCard.tsx
@@ -1,4 +1,4 @@
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 
 import {
   Card,
@@ -25,6 +25,7 @@ export default function TableCard({
   link,
   actions,
 }: ITableCardProps) {
+  const navigate = useNavigate();
   return (
     <Card style={{ height: "100%", display: "flex", flexDirection: "column" }}>
       <CardActionArea component={Link} to={link}>
@@ -46,7 +47,11 @@ export default function TableCard({
               backgroundColor: "action.input",
               borderRadius: 1,
               overflow: "hidden",
+              "&:hover": {
+                cursor: "pointer",
+              },
             }}
+            onClick={() => navigate(link)}
           >
             <Box
               sx={{