change style component

app/component/SwitchTable.js

@@ -0,0 +1,26 @@
+import { Switch } from "@mui/material";
+
+function SwitchTable() {
+  return (
+    <Switch
+      dir="ltr"
+      sx={
+        {
+          // "& .MuiSwitch-thumb": {
+          //   width: "32px",
+          //   height: "32px",
+          // },
+          // "& .MuiSwitch-track": {
+          //   height: "24px",
+          //   borderRadius: "28px",
+          // },
+          // "&.MuiSwitch-root": {
+          //   width: "86px",
+          // },
+        }
+      }
+    />
+  );
+}
+
+export default SwitchTable;

components/layoutPanel/header/icons/index.js

@@ -1,5 +1,4 @@
 import { Button } from "@mui/material";
-import React from "react";
 import NotificationP from "@/components/icons/NotificationP";
 import SettingP from "@/components/icons/SettingP";
 import SearchHeaderP from "@/components/icons/SearchHeaderP";

components/layoutPanel/sidebar/Links.js

@@ -42,7 +42,7 @@ function Links({ open, setActive }) {
                 ${
                   item.src === pathname
                     ? "!bg-[#5559CE] dark:!bg-[#1F1D2B] dark-active-icon"
-                    : " dark-deactive-icon"
+                    : ""
                 }
               `}
             >

components/panel/userAccount/bank/List.js

@@ -3,6 +3,7 @@ import { Button, Switch, TableCell, TableRow } from "@mui/material";
 import TextLoading from "@/app/component/loading/Text";
 import TrashB from "@/components/icons/TrashB";
 import EditB from "@/components/icons/EditB";
+import SwitchTable from "@/app/component/SwitchTable";
 
 function List({ data, loading }) {
   const tableHead = ["ردیف", "شماره کارت", "شماره شبا", "بانک", "وضعیت", ""];
@@ -58,7 +59,7 @@ function List({ data, loading }) {
                     <p className="text-[16px] min-w-[60px] font-medium text-[#616161]">
                       {row.status ? "فعال" : "غیر فعال"}
                     </p>
-                    <Switch dir="ltr" />
+                    <SwitchTable />
                   </div>
                 </TextLoading>
               </TableCell>

components/panel/userAccount/bank/head/modal/ModalAddCard.js

@@ -4,6 +4,8 @@ import { styleDefault } from "@/mui";
 import CloseModalD from "@/components/icons/CloseModalD";
 import ArrowLeftPA from "@/components/icons/ArrowLeftPA";
 import Form from "./Form";
+import PlusBlueP from "@/components/icons/PlusBlueP";
+import AddLocationP from "@/components/icons/AddLocationP";
 
 function ModalAddCard() {
   const [open, setOpen] = useState(false);
@@ -27,7 +29,7 @@ function ModalAddCard() {
         variant="contained"
       >
         اضافه کردن کارت
-        <ArrowLeftPA />
+        <AddLocationP />
       </Button>
       {/* Content Modal */}
       <Modal open={open} onClose={handleClose}>