From fb0c02abd4da5ca9a3cb1f12be6b6457f574199c Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Thu, 10 Oct 2024 21:41:38 +0330
Subject: [PATCH] change style component

---
 app/component/SwitchTable.js                  | 26 +++++++++++++++++++
 components/layoutPanel/header/icons/index.js  |  1 -
 components/layoutPanel/sidebar/Links.js       |  2 +-
 components/panel/userAccount/bank/List.js     |  3 ++-
 .../bank/head/modal/ModalAddCard.js           |  4 ++-
 5 files changed, 32 insertions(+), 4 deletions(-)
 create mode 100644 app/component/SwitchTable.js

diff --git a/app/component/SwitchTable.js b/app/component/SwitchTable.js
new file mode 100644
index 0000000..501f6cb
--- /dev/null
+++ b/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;
diff --git a/components/layoutPanel/header/icons/index.js b/components/layoutPanel/header/icons/index.js
index 8b4feab..735994f 100644
--- a/components/layoutPanel/header/icons/index.js
+++ b/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";
diff --git a/components/layoutPanel/sidebar/Links.js b/components/layoutPanel/sidebar/Links.js
index 419044b..41cf7c6 100644
--- a/components/layoutPanel/sidebar/Links.js
+++ b/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"
+                    : ""
                 }
               `}
             >
diff --git a/components/panel/userAccount/bank/List.js b/components/panel/userAccount/bank/List.js
index 86bf4d6..8e2f11b 100644
--- a/components/panel/userAccount/bank/List.js
+++ b/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>
diff --git a/components/panel/userAccount/bank/head/modal/ModalAddCard.js b/components/panel/userAccount/bank/head/modal/ModalAddCard.js
index a54fd6c..40e7d9b 100644
--- a/components/panel/userAccount/bank/head/modal/ModalAddCard.js
+++ b/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}>