change component design

2024-10-11 01:44:07 +03:30
parent 43ad0ccc4c
commit 6f51905255
6 changed files with 36 additions and 9 deletions
@@ -1,9 +1,10 @@
 import { Switch } from "@mui/material";

-function SwitchTable() {
+function SwitchTable({ value }) {
  return (
    <Switch
      dir="ltr"
+      defaultChecked={value}
      sx={
        {
          // "& .MuiSwitch-thumb": {
@@ -0,0 +1,28 @@
+function PlusB() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        d="M5 10H15"
+        stroke="#EFEFEF"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M10 15V5"
+        stroke="#EFEFEF"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+export default PlusB;
@@ -3,10 +3,10 @@ import Head from "./Head";

 function Account() {
  return (
-    <>
+    <div className="opacity-page">
      <Head />
      <Form />
-    </>
+    </div>
  );
 }

@@ -59,7 +59,7 @@ function List({ data, loading }) {
                    <p className="text-[16px] min-w-[60px] font-medium text-[#616161]">
                      {row.status ? "فعال" : "غیر فعال"}
                    </p>
-                    <SwitchTable />
+                    <SwitchTable value={row.status} />
                  </div>
                </TextLoading>
              </TableCell>
@@ -2,10 +2,8 @@ import { useState } from "react";
 import { Box, Button, Modal } from "@mui/material";
 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";
+import PlusB from "@/components/icons/PlusB";

 function ModalAddCard() {
  const [open, setOpen] = useState(false);
@@ -28,8 +26,8 @@ function ModalAddCard() {
        onClick={handleOpen}
        variant="contained"
      >
+        <PlusB />
        اضافه کردن کارت
-        <AddLocationP />
      </Button>
      {/* Content Modal */}
      <Modal open={open} onClose={handleClose}>
@@ -3,7 +3,7 @@ import List from "./List";

 function Bank({ data }) {
  return (
-    <div>
+    <div className="opacity-page">
      <Head />
      <List data={data} loading={false} />
    </div>