import React, { useEffect, useState, useRef } from "react"; import { Link } from "react-router-dom"; import logo from "../../assets/img/big-logo.svg"; import firstPic from '../../assets/img/undraw_professor_-8-lrt.svg'; import secondPic from '../../assets/img/undraw_quiz_nlyh.svg'; import thirdPic from '../../assets/img/undraw_certificate_re_yadi.svg'; import { Slide } from 'react-slideshow-image'; import './index.css'; import VerificationInput from "../../components/verificationInput"; const LoginSignUp = ({ activeLogin }) => { const [steps, setSteps] = useState(0); const [index, setIndex] = useState(1); const [register, setRegister] = useState(false); const timeoutRef = useRef(null); const focusHandler = (id) => { let inputs = document.querySelectorAll(".Login-box-form-item"); let label = document.querySelectorAll(".Login-box-form-item-label"); let line = document.querySelectorAll(".Login-box-form-item-line"); inputs[id].style.borderColor = "#df1452"; inputs[id].style.backgroundColor = "#fff"; label[id].style.transform = "translate(-10px,-27px)"; label[id].style.color = "#df1452"; line[id].style.backgroundColor = "#fff"; }; const blurHandler = (id) => { let inputsBox = document.querySelectorAll(".Login-box-form-item"); let inputs = document.querySelectorAll(".Login-box-form-item-input"); let label = document.querySelectorAll(".Login-box-form-item-label"); let line = document.querySelectorAll(".Login-box-form-item-line"); if (inputs[id].value === "") { inputsBox[id].style.borderColor = "#EBEBEB"; label[id].style.transform = "translate(0px,0px)"; label[id].style.color = "#959595"; line[id].style.backgroundColor = "#EBEBEB"; } }; function resetTimeout() { if (timeoutRef.current) { clearTimeout(timeoutRef.current); } } useEffect(() => { resetTimeout(); timeoutRef.current = setTimeout( () =>{setIndex((prevIndex) =>prevIndex + 1 // prevIndex === slideContents.length - 1 ? 0 : prevIndex + 1 ) if(index === slideContents.length) setTimeout(setIndex(1),1000) }, delay ); return () => { resetTimeout(); }; }, [index]); const slideContents = [ { id: 0, image: firstPic, title: 'یک معلم دیوانه در کمین شما نشسته است مراقب باشید', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', }, { id: 1, image: secondPic, title: 'یک آزمون سخت و افتضاح در راه هست!', description: 'لورم ایپسوم نمیخواستم استفاده کنم برای همین این متنای عجیب رو مینویسم ببینم چجوری میشه تهش بالاخره اونا هم قراره یه متن عجیب بنویسن ', }, { id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', }, { id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', }, ]; const delay = 2500; return (
کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید.
در صورتی که عضو نیستید روی دکمه ثبت نام بزنید
ثبت نام شما در سامانه به منزله قبول شرایط و قوانین استفاده میباشد
1401 - 1400
{item.description}