transation modal

src/Components/DataTable/DataTable.jsx

@@ -10,6 +10,7 @@ import {
   Skeleton,
   TableCaption,
   Box,
+  Text,
 } from "@chakra-ui/react";
 import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd";
 import EmptySearchList from "../EmptySearchList";
@@ -28,7 +29,8 @@ const DataTable = ({
   setMouseEntered,
   setMouseEnteredId,
   caption,
-  isDraggable
+  isDraggable,
+  capTitle
 }) => {
   const navigate = useNavigate();
   const { slideFromRight } = useContext(GlobalStateContext);
@@ -61,6 +63,8 @@ const DataTable = ({
         <DragDropContext onDragEnd={handleDragEnd}>
           <Droppable droppableId="table">
             {(provided) => (
+              <>
+              {/*  */}
               <Table size="sm" {...provided.droppableProps} ref={provided.innerRef}>
                 <TableCaption p={0}>{caption}</TableCaption>
                 <Thead backgroundColor="gray.50">
@@ -143,6 +147,11 @@ const DataTable = ({
                   {provided.placeholder}
                 </Tbody>
               </Table>
+              <Box>
+                <Text>{capTitle}</Text>
+                <Box mb={2}>{caption}</Box>
+              </Box>
+              </>
             )}
           </Droppable>
         </DragDropContext>