mobile downloader

src/Components/MobileView.jsx

@@ -10,6 +10,7 @@ import {
   ModalHeader,
   ModalOverlay,
   Progress,
+  Spinner,
   Stack,
   Text,
 } from "@chakra-ui/react";
@@ -115,7 +116,18 @@ const MobileView = ({ isOpen, onClose, finalRef, actionId }) => {
               px={"15px"}
             >
               {IObyIDisLoading ? (
-                <FullscreenLoaders />
+                <Box
+                display={"flex"}
+                justifyContent={"center"}
+                alignItems={"center"}
+                h={"100%"}
+                >
+                  <Spinner 
+                  thickness='3px'
+                  color='purple.900'
+                  size='lg'
+                   />
+                </Box>
               ) : (
                 <>
                   <Box>

src/Pages/IO_Management/ViewIO/ViewIOTable.jsx

@@ -189,21 +189,22 @@ const ViewIOTable = () => {
     ),
     Preview: (
       <Box display={"flex"} justifyContent={"start"}>
-        <Button
-          // _hover={{ color: "green.500" }}
+        <Badge
+        display={"flex"} px={2} py={1} alignItems={"center"} 
+        color={"#000"}
+        fontWeight={500}
           bg="purple.200"
-          // transition={"0.5s all"}
           onClick={() =>{
             setActionId(item.id) 
             onOpen();
           }}
-          // color="green.300"
-          rounded={"md"}
+          rounded={"sm"}
           size={"xs"}
           variant={"ghost"}
+          cursor={"pointer"}
         >
           <ImMobile className="me-1" /> View
-        </Button>
+        </Badge>
       </Box>
     ),
     Action: (