|
|
@ -54,7 +54,7 @@ const Services = ({ |
|
|
|
classHour: "", |
|
|
|
classHour: "", |
|
|
|
classMinute: "", |
|
|
|
classMinute: "", |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
const [sharzhVal, setSharzhVal] = useState(''); |
|
|
|
// const onChange = (name, value) => {
|
|
|
|
// const onChange = (name, value) => {
|
|
|
|
// setFilter({ ...filter, [name]: value });
|
|
|
|
// setFilter({ ...filter, [name]: value });
|
|
|
|
// };
|
|
|
|
// };
|
|
|
@ -407,6 +407,8 @@ const Services = ({ |
|
|
|
<input |
|
|
|
<input |
|
|
|
placeholder="شارژ حساب" |
|
|
|
placeholder="شارژ حساب" |
|
|
|
className="border border-red52 rounded-lg h-12 w-60 text-center rounded-r-none border-r-0 px-4 outline-none" |
|
|
|
className="border border-red52 rounded-lg h-12 w-60 text-center rounded-r-none border-r-0 px-4 outline-none" |
|
|
|
|
|
|
|
value={(separate(sharzhVal))} |
|
|
|
|
|
|
|
onChange={e => setSharzhVal(e.target.value)} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<button className="cursor-pointer text-red26 border border-red52 rounded-lg bg-red82OP font-bold text-sm px-6 h-12">افزودن به اعتبار</button> |
|
|
|
<button className="cursor-pointer text-red26 border border-red52 rounded-lg bg-red82OP font-bold text-sm px-6 h-12">افزودن به اعتبار</button> |
|
|
@ -494,16 +496,16 @@ const Services = ({ |
|
|
|
<div |
|
|
|
<div |
|
|
|
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
|
|
|
|
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
|
|
|
|
hover:border-red52 hover:text-red52 hover:bg-pinkF5
|
|
|
|
hover:border-red52 hover:text-red52 hover:bg-pinkF5
|
|
|
|
${filterCheck == '' |
|
|
|
${filterCheck == 'Online' |
|
|
|
? "border-red52 text-red52 bg-pinkF5" |
|
|
|
? "border-red52 text-red52 bg-pinkF5" |
|
|
|
: "border-gray200 text-gray-400" |
|
|
|
: "border-gray200 text-gray-400" |
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
onClick={(prevState) => |
|
|
|
onClick={(prevState) => |
|
|
|
setFilterCheck('') |
|
|
|
setFilterCheck('Online') |
|
|
|
} |
|
|
|
} |
|
|
|
> |
|
|
|
> |
|
|
|
<h3>آنلاین</h3> |
|
|
|
<h3>آنلاین</h3> |
|
|
|
{filterCheck == '' && ( |
|
|
|
{filterCheck == 'Online' && ( |
|
|
|
<div className="flex w-full" style={{ direction: "ltr" }}> |
|
|
|
<div className="flex w-full" style={{ direction: "ltr" }}> |
|
|
|
<div className="w-4 h-4 text-white text-sm rounded-full flex justify-center items-center bg-red52"> |
|
|
|
<div className="w-4 h-4 text-white text-sm rounded-full flex justify-center items-center bg-red52"> |
|
|
|
<svg |
|
|
|
<svg |
|
|
@ -530,16 +532,16 @@ const Services = ({ |
|
|
|
<div |
|
|
|
<div |
|
|
|
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
|
|
|
|
className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
|
|
|
|
hover:border-red52 hover:text-red52 hover:bg-pinkF5
|
|
|
|
hover:border-red52 hover:text-red52 hover:bg-pinkF5
|
|
|
|
${filterCheck == '' |
|
|
|
${filterCheck == 'offLine' |
|
|
|
? "border-red52 text-red52 bg-pinkF5" |
|
|
|
? "border-red52 text-red52 bg-pinkF5" |
|
|
|
: "border-gray200 text-gray-400" |
|
|
|
: "border-gray200 text-gray-400" |
|
|
|
}`}
|
|
|
|
}`}
|
|
|
|
onClick={(prevState) => |
|
|
|
onClick={(prevState) => |
|
|
|
setFilterCheck('') |
|
|
|
setFilterCheck('offLine') |
|
|
|
} |
|
|
|
} |
|
|
|
> |
|
|
|
> |
|
|
|
<h3>حضوری</h3> |
|
|
|
<h3>حضوری</h3> |
|
|
|
{filterCheck == '' && ( |
|
|
|
{filterCheck == 'offLine' && ( |
|
|
|
<div className="flex w-full" style={{ direction: "ltr" }}> |
|
|
|
<div className="flex w-full" style={{ direction: "ltr" }}> |
|
|
|
<div className="w-4 h-4 text-white text-sm rounded-full flex justify-center items-center bg-red52"> |
|
|
|
<div className="w-4 h-4 text-white text-sm rounded-full flex justify-center items-center bg-red52"> |
|
|
|
<svg |
|
|
|
<svg |
|
|
@ -661,6 +663,8 @@ const Services = ({ |
|
|
|
<input |
|
|
|
<input |
|
|
|
placeholder="شارژ حساب" |
|
|
|
placeholder="شارژ حساب" |
|
|
|
className="border border-red52 rounded-lg h-14 w-4/5 text-center rounded-r-none border-r-0 px-4 outline-none" |
|
|
|
className="border border-red52 rounded-lg h-14 w-4/5 text-center rounded-r-none border-r-0 px-4 outline-none" |
|
|
|
|
|
|
|
value={(separate(sharzhVal))} |
|
|
|
|
|
|
|
onChange={e => setSharzhVal(e.target.value)} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<button className="cursor-pointer text-blue52 border border-blueDF w-full rounded-lg font-bold text-sm px-6 h-14" |
|
|
|
<button className="cursor-pointer text-blue52 border border-blueDF w-full rounded-lg font-bold text-sm px-6 h-14" |
|
|
|