2023-04-15 09:10:59 +00:00
import { Box , Button , Typography , useTheme } from "@mui/material" ;
2023-03-03 20:07:19 +00:00
import CreationCard from "@ui_kit/CreationCard" ;
2023-03-02 23:50:28 +00:00
import quizCreationImage1 from "../../assets/quiz-creation-1.png" ;
import quizCreationImage2 from "../../assets/quiz-creation-2.png" ;
2023-05-26 18:27:33 +00:00
import { useParams } from "react-router-dom" ;
import { quizStore } from "@root/quizes" ;
2023-03-03 23:54:19 +00:00
interface HandleNext {
2023-04-15 09:10:59 +00:00
handleNext : ( ) = > void ;
2023-03-03 23:54:19 +00:00
}
2023-04-15 09:10:59 +00:00
export default function StepOne ( { handleNext } : HandleNext ) {
const theme = useTheme ( ) ;
2023-05-26 18:27:33 +00:00
const params = Number ( useParams ( ) . quizId ) ;
console . log ( params )
const { listQuizes , updateQuizesList , removeQuiz , createBlank } = quizStore ( )
console . log ( listQuizes )
2023-04-15 09:10:59 +00:00
return (
< >
< Box
sx = { {
display : "flex" ,
gap : "3.4%" ,
mt : "60px" ,
} }
>
2023-05-26 18:27:33 +00:00
< Button variant = "text" onClick = { ( ) = > {
updateQuizesList ( params , { config : "quize" } )
handleNext ( )
}
} >
2023-04-15 09:10:59 +00:00
< CreationCard
header = "Создание квиз-опроса"
text = "У стартовой страницы одна ключевая задача - заинтересовать посетителя пройти квиз. С ней сложно ошибиться, сформулируйте суть предложения и подберите живую фотографию, остальное мы сделаем за вас"
image = { quizCreationImage1 }
2023-05-26 18:27:33 +00:00
border = { listQuizes [ params ] . config === "quize" ? "1px solid #7E2AEA" : "none" }
2023-04-15 09:10:59 +00:00
/ >
2023-03-01 22:59:51 +00:00
< / Button >
2023-05-26 18:27:33 +00:00
< Button variant = "text" onClick = { ( ) = > {
updateQuizesList ( params , { config : "form" } )
handleNext ( )
}
} >
2023-04-15 09:10:59 +00:00
< CreationCard
header = "Создание анкеты"
text = "У стартовой страницы одна ключевая задача - заинтересовать посетителя пройти квиз. С ней сложно ошибиться, сформулируйте суть предложения и подберите живую фотографию, остальное мы сделаем за вас"
image = { quizCreationImage2 }
2023-05-26 18:27:33 +00:00
border = { listQuizes [ params ] . config === "form" ? "1px solid #7E2AEA" : "none" }
2023-04-15 09:10:59 +00:00
/ >
2023-03-01 22:59:51 +00:00
< / Button >
2023-04-15 09:10:59 +00:00
< / Box >
2023-01-22 14:02:27 +00:00
< / >
2023-04-15 09:10:59 +00:00
) ;
}