Gender Filter Removed + some Interface Changes In Choose School

main
Pedram Keshavarzi 3 years ago
parent 9cee10912a
commit b18cf63a1c
  1. 8
      src/components/Product/index.js
  2. 60
      src/view/services/index.js

@ -128,13 +128,13 @@ const ProductDesign = ({
<h1 className="font-bold text-red52 border-b border-red82OP pb-2">دبیرستان غیر انتفاعی مدرسان هوشمند</h1> <h1 className="font-bold text-red52 border-b border-red82OP pb-2">دبیرستان غیر انتفاعی مدرسان هوشمند</h1>
<p className="font-bold text-sm text-red26 border-b border-red82OP py-2">تهران خیابان انقلاب اسلامی حدفاصل ابوریحان و فلسطین پلاک2 </p> <p className="font-bold text-sm text-red26 border-b border-red82OP py-2">تهران خیابان انقلاب اسلامی حدفاصل ابوریحان و فلسطین پلاک2 </p>
<div className="flex justify-between border-b border-red82OP "> <div className="flex justify-between border-b border-red82OP ">
<div className="border-l text-sm font-bold text-red26 border-red82OP p-2 pr-0"> <div className="border-l text-sm font-bold text-red26 border-red82OP p-2 pr-0 w-1/4">
شماره تلفن: ۰۲۱۶۶۴۵۶۷۳۸ شماره تلفن: ۰۲۱۶۶۴۵۶۷۳۸
</div> </div>
<div className="border-l text-sm font-bold text-red26 border-red82OP p-2 px-4 text-center"> <div className="border-l text-sm font-bold flex justify-center w-1/2 text-red26 border-red82OP p-2 ">
آدرس وبسایت : www.google.com <p> آدرس وبسایت : www.google.com</p>
</div> </div>
<div className="text-sm font-bold text-red26 p-2 px-4 text-center"> <div className="text-sm font-bold text-red26 p-2 w-1/4 px-4 text-center">
آدرس بروی نقشه آدرس بروی نقشه
</div> </div>
</div> </div>

@ -292,47 +292,23 @@ const Services = ({
)} )}
</div> </div>
</div>
<div className="flex items-center mx-4 pl-6 border-l-2 border-gray-300">
<div
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 ${
filterCheck[2]
? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400"
}`}
>
<h3>دختران</h3>
{filterCheck[2] && (
<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">
<svg
width="37"
height="37"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M7.75 12L10.58 14.83L16.25 9.17004"
stroke="#fff"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</div>
)}
</div>
<div <div
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 ${ className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
filterCheck[3] hover:border-red52 hover:text-red52 hover:bg-pinkF5
? "border-red52 text-red52 bg-pinkF5" ${
: "border-gray200 text-gray-400" filterCheck[0]
}`} ? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400"
}`}
onClick={(prevState) =>
setFilterCheck([
...prevState,
(filterCheck[0] = !filterCheck[0]),
])
}
> >
<h3>پسران</h3> <h3>حضوری</h3>
{filterCheck[3] && ( {filterCheck[0] && (
<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
@ -352,9 +328,13 @@ const Services = ({
</svg> </svg>
</div> </div>
</div> </div>
)} )}
</div> </div>
</div> </div>
<div className="flex items-center mx-4 pl-6"> <div className="flex items-center mx-4 pl-6">
<select className="bg-white border border-solid border-gray-300 w-72 p-3 rounded-lg text-gray-400 outline-red52"> <select className="bg-white border border-solid border-gray-300 w-72 p-3 rounded-lg text-gray-400 outline-red52">
{services.map((item, index) => ( {services.map((item, index) => (
@ -414,7 +394,7 @@ const Services = ({
))} ))}
{ {
gameId == 6 && gameId == 6 &&
<div className="w-3/4 p-8 flex mt-10 justify-between items-center border-2 rounded-xl border-red52 " > <div className="w-3/4 p-8 py-10 flex mt-10 justify-between items-center border-2 rounded-xl border-red52 " >
<div className="w-1/5"> <div className="w-1/5">
<h1 className="text-red26 font-bold">افزایش مبلغ دلخواه</h1> <h1 className="text-red26 font-bold">افزایش مبلغ دلخواه</h1>

Loading…
Cancel
Save