diff --git a/src/shared/sections/cart/all-Orders/Order-table-row.tsx b/src/shared/sections/cart/all-Orders/Order-table-row.tsx
index 45820183b1fc52da1c1b0f907742423e3cc400e5..bed6f5334c74ae01ac971970ec15891033fb26e4 100644
--- a/src/shared/sections/cart/all-Orders/Order-table-row.tsx
+++ b/src/shared/sections/cart/all-Orders/Order-table-row.tsx
@@ -9,11 +9,12 @@ import Label from "../../../components/label";
 import { IOrder } from "@/shared/types/saleSession";
 import { Checkbox } from "@mui/material";
 import { fDate, fTime } from "@/utils/format-time";
-import { useDeleteOrder , useRestoreOrder } from "@/shared/api/saleSession";
+import { useDeleteOrder, useRestoreOrder } from "@/shared/api/saleSession";
 import { useSnackbar } from "@/components/snackbar";
 import { useBoolean } from "@/hooks/use-boolean";
 import QuantityEditForm from "./order-quick-edit-quantity";
 import Iconify from "@/components/iconify";
+import ConditionalComponent from "@/shared/ConditionalComponent";
 // ----------------------------------------------------------------------
 
 type Props = {
@@ -39,7 +40,7 @@ export default function OrderTableRow({ row, selected }: Props) {
 
   const { enqueueSnackbar } = useSnackbar();
   const { deleteOrder } = useDeleteOrder();
-  const {restoreOrder} = useRestoreOrder();
+  const { restoreOrder } = useRestoreOrder();
   const quickEdit = useBoolean();
 
   const handleDelete = async () => {
@@ -173,40 +174,32 @@ export default function OrderTableRow({ row, selected }: Props) {
           />
         </TableCell>
         <TableCell align="right" sx={{ px: 1, whiteSpace: "nowrap" }}>
-          {shouldShowActions ? (
-            <>
-              <Tooltip title="Modifier la quantité" placement="top" arrow>
-                <IconButton
-                  color="primary"
-                  onClick={() => {
-                    quickEdit.onTrue();
-                  }}
-                >
-                  <Iconify icon="solar:pen-bold" />
-                </IconButton>
-              </Tooltip>
-
-              <Tooltip title="Supprimer" placement="top" arrow>
-                <IconButton color="error" onClick={handleDelete}>
-                  <DeleteIcon />
-                </IconButton>
-              </Tooltip>
-
-              {(row.statutPanier === 'DELETED_SITE' || row.statutPanier === 'DELETED_BO') && (
-                <Tooltip title="Restaurer" placement="top" arrow>
-                  <IconButton
-                    sx={{ color: "#ff9800" }}
-                    onClick={handleRestore}
-                  >
-                    <RestoreFromTrashIcon />
-                  </IconButton>
-                </Tooltip>
-              )}
-
-
-
-            </>
-          ) : null}
+          <ConditionalComponent isValid={shouldShowActions}>
+
+            <Tooltip title="Modifier la quantité" placement="top" arrow>
+              <IconButton color="primary" onClick={() => quickEdit.onTrue()}>
+                <Iconify icon="solar:pen-bold" />
+              </IconButton>
+            </Tooltip>
+
+            <Tooltip title="Supprimer" placement="top" arrow>
+              <IconButton color="error" onClick={handleDelete}>
+                <DeleteIcon />
+              </IconButton>
+            </Tooltip>
+          </ConditionalComponent>
+
+          <ConditionalComponent
+            isValid={row.statutPanier === 'DELETED_SITE' || row.statutPanier === 'DELETED_BO'}>
+            <Tooltip title="Restaurer" placement="top" arrow>
+              <IconButton sx={{ color: "#ff9800" }} onClick={handleRestore}>
+                <RestoreFromTrashIcon />
+              </IconButton>
+            </Tooltip>
+          </ConditionalComponent>
+
+
+
         </TableCell>
       </TableRow>
       <QuantityEditForm