From 63d2ccbb3011c1b2477e4a4ce75cdbea6b416962 Mon Sep 17 00:00:00 2001
From: Apoorva Srinivas Appadoo
 <apoorva-srinivas.appadoo@etu.univ-cotedazur.fr>
Date: Sun, 22 Sep 2024 20:53:38 +0200
Subject: [PATCH] feat(tables): add link to commands from reservation

---
 libs/ui/common/src/lib/tables/tableGrid.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/libs/ui/common/src/lib/tables/tableGrid.tsx b/libs/ui/common/src/lib/tables/tableGrid.tsx
index 93ba001..f46bb38 100644
--- a/libs/ui/common/src/lib/tables/tableGrid.tsx
+++ b/libs/ui/common/src/lib/tables/tableGrid.tsx
@@ -3,17 +3,22 @@ import {Box, Button, Grid2 as Grid, Typography} from "@mui/material";
 import TableSquare from "./tableSquare";
 import * as React from "react";
 import {useGroups} from "./stores/groups";
+import {useNavigate} from "react-router-dom";
 
 function GroupSquare(props: {
   tableNumbers: string[];
 }) {
+  const navigate = useNavigate();
   return <Box width={"fit-content"}>
     <Button
       variant="contained"
       sx={{
         aspectRatio: 1,
 
-      }}>
+      }}
+
+      onClick={() => navigate("/commands")}
+    >
       <Box
         display="flex"
         alignItems="center"
@@ -51,7 +56,7 @@ export function TableGrid() {
     <Grid container spacing={4} justifyContent={"center"} alignItems={"center"} marginTop="60px" maxHeight='60vh'
           overflow='auto' maxWidth={800}>
       <Grid width={"100%"}>
-        <Box  width={"100%"}>
+        <Box width={"100%"}>
           <Typography variant="h4" component="h2" fontWeight="bold">
             Reserved Tables
           </Typography>