hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change component design

Browse Source
This commit is contained in:
Ehsan
2024-10-11 01:44:07 +03:30
parent 43ad0ccc4c
commit 6f51905255
6 changed files with 36 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/component/SwitchTable.js
+2 -1
View File
@@ -1,9 +1,10 @@
import { Switch } from "@mui/material"; import { Switch } from "@mui/material";
function SwitchTable() { function SwitchTable({ value }) {
return ( return (
<Switch <Switch
dir="ltr" dir="ltr"
defaultChecked={value}
sx={ sx={
{ {
// "& .MuiSwitch-thumb": { // "& .MuiSwitch-thumb": {
components/icons/PlusB.js
+28
View File
@@ -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;
components/panel/userAccount/account/index.js
+2 -2
View File
@@ -3,10 +3,10 @@ import Head from "./Head";
function Account() { function Account() {
return ( return (
<> <div className="opacity-page">
<Head /> <Head />
<Form /> <Form />
</> </div>
); );
} }
components/panel/userAccount/bank/List.js
+1 -1
View File
@@ -59,7 +59,7 @@ function List({ data, loading }) {
<p className="text-[16px] min-w-[60px] font-medium text-[#616161]"> <p className="text-[16px] min-w-[60px] font-medium text-[#616161]">
{row.status ? "فعال" : "غیر فعال"} {row.status ? "فعال" : "غیر فعال"}
</p> </p>
<SwitchTable /> <SwitchTable value={row.status} />
</div> </div>
</TextLoading> </TextLoading>
</TableCell> </TableCell>
components/panel/userAccount/bank/head/modal/ModalAddCard.js
+2 -4
View File
@@ -2,10 +2,8 @@ import { useState } from "react";
import { Box, Button, Modal } from "@mui/material"; import { Box, Button, Modal } from "@mui/material";
import { styleDefault } from "@/mui"; import { styleDefault } from "@/mui";
import CloseModalD from "@/components/icons/CloseModalD"; import CloseModalD from "@/components/icons/CloseModalD";
import ArrowLeftPA from "@/components/icons/ArrowLeftPA";
import Form from "./Form"; import Form from "./Form";
import PlusBlueP from "@/components/icons/PlusBlueP"; import PlusB from "@/components/icons/PlusB";
import AddLocationP from "@/components/icons/AddLocationP";
function ModalAddCard() { function ModalAddCard() {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
@@ -28,8 +26,8 @@ function ModalAddCard() {
onClick={handleOpen} onClick={handleOpen}
variant="contained" variant="contained"
> >
<PlusB />
اضافه کردن کارت اضافه کردن کارت
<AddLocationP />
</Button> </Button>
{/* Content Modal */} {/* Content Modal */}
<Modal open={open} onClose={handleClose}> <Modal open={open} onClose={handleClose}>
components/panel/userAccount/bank/index.js
+1 -1
View File
@@ -3,7 +3,7 @@ import List from "./List";
function Bank({ data }) { function Bank({ data }) {
return ( return (
<div> <div className="opacity-page">
<Head /> <Head />
<List data={data} loading={false} /> <List data={data} loading={false} />
</div> </div>