Services Page Grid Done

main
Pedram Keshavarzi 3 years ago
parent 835f1b63cc
commit 97ddcffb7e
  1. 2
      src/components/exam/Carousel/index.js
  2. 48
      src/view/services/index.js

@ -286,7 +286,7 @@ const MyExamList = ({isMobile}) => {
<div className="my-exam-list"> <div className="my-exam-list">
<div className="my-exam-list-content rounded-lg"> <div className="my-exam-list-content rounded-lg">
<h1 className='text-right w-full text-red52 pt-4 px-6'>لیست آزمون های من</h1> <h1 className='text-right w-full font-bold text-red52 pt-4 px-6'>لیست آزمون های من</h1>
<div className="melc-header"> <div className="melc-header">
{data.map((item, i) => ( {data.map((item, i) => (
<div <div

@ -105,11 +105,11 @@ const Services = ({
const chooseGame = (id) => { const chooseGame = (id) => {
setGameId(id); setGameId(id);
}; };
if (!isMobile){ if (!isMobile) {
return ( return (
<div <div
className="flex items-start justify-between" className="flex items-start justify-between"
style={{ width: "93.5%", direction: "rtl" }} style={{ width: "93.5%", direction: "rtl", height: '100vh' }}
> >
{popup ? ( {popup ? (
<ServicePopUp <ServicePopUp
@ -119,10 +119,10 @@ if (!isMobile){
) : null} ) : null}
<div <div
className="w-3/4 flex flex-col justify-center " className="w-3/4 flex flex-col justify-center "
style={{ marginTop: "5.5%" }} style={{ paddingTop:'5.5%', height: '100vh' }}
> >
<div <div
className="relative h-48 w-full border-b border-red82OP my-4 px-10" className="h-48 w-full border-b border-red82OP my-4 px-10"
style={{ direction: "ltr" }} style={{ direction: "ltr" }}
> >
{/* { {/* {
@ -224,8 +224,7 @@ if (!isMobile){
<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[0]
filterCheck[0]
? "border-red52 text-red52 bg-pinkF5" ? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400" : "border-gray200 text-gray-400"
}`} }`}
@ -264,8 +263,7 @@ if (!isMobile){
<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[0]
filterCheck[0]
? "border-red52 text-red52 bg-pinkF5" ? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400" : "border-gray200 text-gray-400"
}`} }`}
@ -314,9 +312,8 @@ if (!isMobile){
</div>} </div>}
<div <div
className={`flex ${ className={`flex
gameId == 2 && "flex-col" } items-center w-full justify-center overflow-x-hidden overflow-scroll flex-wrap h-full `}
} items-center w-full justify-center flex-wrap `}
> >
{books?.map((product, index) => ( {books?.map((product, index) => (
<div <div
@ -335,7 +332,7 @@ if (!isMobile){
classHour: 21, classHour: 21,
classMinute: 56, classMinute: 56,
image: 'https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg', image: 'https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg',
examCont : [ examCont: [
{ {
title: 'بخش اول آزمون ' + product.name, title: 'بخش اول آزمون ' + product.name,
date: '۱۴۰۰/۱۲/۱۳', date: '۱۴۰۰/۱۲/۱۳',
@ -359,7 +356,7 @@ if (!isMobile){
}, },
] ]
}); });
if(gameId !== 2){ if (gameId !== 2) {
setPopUp(true) setPopUp(true)
} }
console.log(gameId) console.log(gameId)
@ -382,7 +379,7 @@ if (!isMobile){
teacher={product.vodTeacher} teacher={product.vodTeacher}
catId={gameId} catId={gameId}
onClick={() => null} onClick={() => null}
btnOnClick={() =>{ btnOnClick={() => {
pushToCart({ pushToCart({
productId: product?.id, productId: product?.id,
@ -423,14 +420,15 @@ if (!isMobile){
} }
</div> </div>
</div> </div>
{!isMobile && <div className="w-1/4 fixed left-0" style={{ height: "100vh" }}> {!isMobile && <div className="w-1/4 left-0" style={{ height: "100vh" }}>
<ShoppingCart /> <ShoppingCart />
</div> } </div>}
</div> </div>
);} );
}
// Mobile Version // Mobile Version
else{ else {
return( return (
<div className="flex flex-col items-center mt-16 mb-40 rtl"> <div className="flex flex-col items-center mt-16 mb-40 rtl">
<Games <Games
@ -501,8 +499,7 @@ if (!isMobile){
<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[0]
filterCheck[0]
? "border-red52 text-red52 bg-pinkF5" ? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400" : "border-gray200 text-gray-400"
}`} }`}
@ -541,8 +538,7 @@ if (!isMobile){
<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[1]
filterCheck[1]
? "border-red52 text-red52 bg-pinkF5" ? "border-red52 text-red52 bg-pinkF5"
: "border-gray200 text-gray-400" : "border-gray200 text-gray-400"
}`} }`}
@ -602,7 +598,7 @@ if (!isMobile){
classHour: 21, classHour: 21,
classMinute: 56, classMinute: 56,
image: 'https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg', image: 'https://narafella.ir/wp-content/uploads/2021/08/books-min.jpg',
examCont : [ examCont: [
{ {
title: 'بخش اول آزمون ' + product.name, title: 'بخش اول آزمون ' + product.name,
date: '۱۴۰۰/۱۲/۱۳', date: '۱۴۰۰/۱۲/۱۳',
@ -679,13 +675,13 @@ if (!isMobile){
/> />
</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"
style={{background: 'rgba(211, 246, 255, 0.44)'}}> style={{ background: 'rgba(211, 246, 255, 0.44)' }}>
افزودن به سبد خرید افزودن به سبد خرید
</button> </button>
</div> </div>
} }
</div> </div>
</div> </div>
) )
} }

Loading…
Cancel
Save