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

handle filter list with button

Browse Source
This commit is contained in:
Ehsan
2024-10-23 03:16:12 +03:30
parent 5939ae7933
commit 1820a0a59b
4 changed files with 21 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dashboard/userAccount/tabs/transactions/List.js
+2 -2
View File
@@ -22,7 +22,7 @@ function List({ user, loading }) {
<div className="!mt-[32px]"> <div className="!mt-[32px]">
<div className="hidden md:block w-full"> <div className="hidden md:block w-full">
<CustomTable tableHead={tableHead} centerTable={centerTable}> <CustomTable tableHead={tableHead} centerTable={centerTable}>
{user.done.map((row, idx) => ( {user.turns.done.map((row, idx) => (
<TableRow <TableRow
key={idx} key={idx}
className="!border-0 !border-b !border-[#DBDBDB]" className="!border-0 !border-b !border-[#DBDBDB]"
@@ -111,7 +111,7 @@ function List({ user, loading }) {
</CustomTable> </CustomTable>
</div> </div>
<ul className="flex md:hidden flex-col gap-y-[24px]"> <ul className="flex md:hidden flex-col gap-y-[24px]">
{user.done.map((row, idx) => ( {user.turns.done.map((row, idx) => (
<Card key={idx} data={row} loading={loading} /> <Card key={idx} data={row} loading={loading} />
))} ))}
</ul> </ul>
components/dashboard/userAccount/tabs/turns/Head.js
+3 -3
View File
@@ -3,7 +3,7 @@ import { Button } from "@mui/material";
const listTab = ["نوبت های جاری", "نوبت های انجام شده"]; const listTab = ["نوبت های جاری", "نوبت های انجام شده"];
function Head({ value, setValue, isDone, setIsDone, handleChange }) { function Head({ isDone, setIsDone }) {
return ( return (
<div className="flex items-center justify-start gap-[32px] mt-[24px] sm:mt-[26px] md:mt-[28px] lg:mt-[30px]"> <div className="flex items-center justify-start gap-[32px] mt-[24px] sm:mt-[26px] md:mt-[28px] lg:mt-[30px]">
<div className="block w-full lg:hidden"> <div className="block w-full lg:hidden">
@@ -31,10 +31,10 @@ function Head({ value, setValue, isDone, setIsDone, handleChange }) {
color: "#5559CE !important", color: "#5559CE !important",
}, },
}} }}
value={value}
color="#5559CE" color="#5559CE"
listTab={listTab} listTab={listTab}
handleChange={handleChange} value={isDone ? 0 : 1}
handleChange={(e, value) => setIsDone(!!!value)}
/> />
</div> </div>
<Button <Button
components/dashboard/userAccount/tabs/turns/index.js
+2 -10
View File
@@ -3,26 +3,18 @@ import Head from "./Head";
import List from "./List"; import List from "./List";
function Turns({ user, setIsTurnsDetails, loading }) { function Turns({ user, setIsTurnsDetails, loading }) {
const [value, setValue] = useState(0);
const [isDone, setIsDone] = useState(true); const [isDone, setIsDone] = useState(true);
const handleChange = (event, newValue) => setValue(newValue);
return ( return (
<div className="opacity-page"> <div className="opacity-page">
<p className="text-[#3B3B3B] hidden md:flex text-[16px] font-bold"> <p className="text-[#3B3B3B] hidden md:flex text-[16px] font-bold">
تاریخچه نوبت ها تاریخچه نوبت ها
</p> </p>
<Head <Head isDone={isDone} setIsDone={setIsDone} />
value={value}
isDone={isDone}
setValue={setValue}
setIsDone={setIsDone}
handleChange={handleChange}
/>
<List <List
user={user.turns[isDone ? "done" : "current"]}
loading={loading} loading={loading}
setIsTurnsDetails={setIsTurnsDetails} setIsTurnsDetails={setIsTurnsDetails}
user={user.turns[isDone ? "done" : "current"]}
/> />
</div> </div>
); );
data/userData.json
+14 -14
View File
@@ -91,20 +91,6 @@
} }
], ],
"done": [ "done": [
{
"name": "دنیا خلیلی",
"image": "/assets/images/doctor-1.png",
"id": 12345678,
"status": "success",
"expertise": "دندان پزشکی",
"location": "اهواز، کیانپارس، پهلوان شرقی، مجتمع پزشکی آویسا، واحد 12",
"phone": 6133916589,
"date_turn": "13 خرداد 1403",
"date": "1403-03-27",
"time": "15:30",
"amount": "2350000",
"amount_paid": 20000
},
{ {
"name": "علی بدیعی زاده", "name": "علی بدیعی زاده",
"image": "/assets/images/doctor.png", "image": "/assets/images/doctor.png",
@@ -119,6 +105,20 @@
"amount": "2350000", "amount": "2350000",
"amount_paid": 20000 "amount_paid": 20000
}, },
{
"name": "دنیا خلیلی",
"image": "/assets/images/doctor-1.png",
"id": 12345678,
"status": "success",
"expertise": "دندان پزشکی",
"location": "اهواز، کیانپارس، پهلوان شرقی، مجتمع پزشکی آویسا، واحد 12",
"phone": 6133916589,
"date_turn": "13 خرداد 1403",
"date": "1403-03-27",
"time": "15:30",
"amount": "2350000",
"amount_paid": 20000
},
{ {
"name": "دنیا خلیلی", "name": "دنیا خلیلی",
"image": "/assets/images/doctor-1.png", "image": "/assets/images/doctor-1.png",