You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.0 KiB
38 lines
1.0 KiB
import { useState } from "react"; |
|
import Calendar2 from "../../../components/Calendar2/Calendar2"; |
|
import FutureExams from "./FutureExams"; |
|
import ResultExams from "./ResultExams"; |
|
|
|
|
|
|
|
const MyServices=()=>{ |
|
const [seeMoreStatus, setSeeMoreStatus] = useState(0); |
|
const seeMoreHandler = (index) => { |
|
setSeeMoreStatus(index); |
|
}; |
|
const deActiveSeeMore = () => { |
|
setSeeMoreStatus(0); |
|
}; |
|
return ( |
|
<div |
|
className="M_MyServices w-full overflow-y-auto bg-white text-white pt-16 px-2" |
|
style={{ height: "calc(100vh - 80px)", maxHeight: "calc(100vh - 80px)" }} |
|
> |
|
<div className="w-full h-[50vh]"> |
|
<Calendar2 primaryColor="#DF1452" /> |
|
</div> |
|
<div className="w-full border my-4 rounded-lg p-2"> |
|
<FutureExams |
|
seeMoreStatus={seeMoreStatus} |
|
seeMoreHandler={seeMoreHandler} |
|
/> |
|
</div> |
|
<ResultExams |
|
seeMoreStatus={seeMoreStatus} |
|
seeMoreHandler={seeMoreHandler} |
|
/> |
|
</div> |
|
); |
|
} |
|
|
|
export default MyServices; |