From 25aaa46e5da5f674017d0211b6f868c9f1472b49 Mon Sep 17 00:00:00 2001
From: dharaneesh-r <dharaneesh@tenext.in>
Date: Mon, 22 Jun 2026 15:37:02 +0530
Subject: [PATCH] updates on the validations on th action button in the
 substitution page

---
 src/pages/nearle/riders/riders.js | 72 ++++++++++++++++---------------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/src/pages/nearle/riders/riders.js b/src/pages/nearle/riders/riders.js
index 9272a45..ed99329 100644
--- a/src/pages/nearle/riders/riders.js
+++ b/src/pages/nearle/riders/riders.js
@@ -1056,41 +1056,43 @@ const Riders = () => {
                         </Box>
                       </TableCell>
                       <TableCell align="right">
-                        <Stack direction="row" spacing={0.75} justifyContent="flex-end">
-                          <Tooltip title="Update substitution" placement="top">
-                            <IconButton
-                              size="small"
-                              sx={{
-                                bgcolor: soft(BRAND),
-                                color: BRAND,
-                                border: `1px solid ${edge(BRAND)}`,
-                                '&:hover': { bgcolor: BRAND, color: '#fff' }
-                              }}
-                              onClick={() => {
-                                setEditingSub(row);
-                                setNewSubRider(null);
-                              }}
-                            >
-                              <MdEdit size={14} />
-                            </IconButton>
-                          </Tooltip>
-                          <Tooltip title="Delete substitution" placement="top">
-                            <IconButton
-                              size="small"
-                              sx={{
-                                bgcolor: soft('#ef4444'),
-                                color: '#ef4444',
-                                border: `1px solid ${edge('#ef4444')}`,
-                                '&:hover': { bgcolor: '#ef4444', color: '#fff' }
-                              }}
-                              onClick={() => {
-                                handleDeleteSubstitution(row);
-                              }}
-                            >
-                              <MdDelete size={14} />
-                            </IconButton>
-                          </Tooltip>
-                        </Stack>
+                        {(row.status || '').toLowerCase() !== 'cancelled' && (
+                          <Stack direction="row" spacing={0.75} justifyContent="flex-end">
+                            <Tooltip title="Update substitution" placement="top">
+                              <IconButton
+                                size="small"
+                                sx={{
+                                  bgcolor: soft(BRAND),
+                                  color: BRAND,
+                                  border: `1px solid ${edge(BRAND)}`,
+                                  '&:hover': { bgcolor: BRAND, color: '#fff' }
+                                }}
+                                onClick={() => {
+                                  setEditingSub(row);
+                                  setNewSubRider(null);
+                                }}
+                              >
+                                <MdEdit size={14} />
+                              </IconButton>
+                            </Tooltip>
+                            <Tooltip title="Delete substitution" placement="top">
+                              <IconButton
+                                size="small"
+                                sx={{
+                                  bgcolor: soft('#ef4444'),
+                                  color: '#ef4444',
+                                  border: `1px solid ${edge('#ef4444')}`,
+                                  '&:hover': { bgcolor: '#ef4444', color: '#fff' }
+                                }}
+                                onClick={() => {
+                                  handleDeleteSubstitution(row);
+                                }}
+                              >
+                                <MdDelete size={14} />
+                              </IconButton>
+                            </Tooltip>
+                          </Stack>
+                        )}
                       </TableCell>
                     </TableRow>
                   ))}