Ilgeldi
/
turkmentv_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: when steps has no length, not showing content

This commit is contained in:
Ilgeldi 2025-03-10 16:15:29 +05:00
parent 30dd824526
commit 06ba1a923f
2 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
app/(main)/quiz/[quiz_id]/page.tsx
View File

@ -141,36 +141,38 @@ const page = ({ params }: IParams) => {
</div> </div>
<div className="flex flex-col md:gap-[160px] gap-[80px]"> <div className="flex flex-col md:gap-[160px] gap-[80px]">
{data.data.has_steps !== 0 && data.data.steps && ( {data.data.has_steps !== 0 &&
<div className="flex flex-col gap-4 items-center w-full"> data.data.steps &&
<h1 className="text-textBlack md:text-[60px] leading-[100%] font-semibold"> data.data.steps?.length > 0 && (
Tapgyr <div className="flex flex-col gap-4 items-center w-full">
</h1> <h1 className="text-textBlack md:text-[60px] leading-[100%] font-semibold">
<div className="flex w-full md:w-1/2 gap-[10px]"> Tapgyr
{data.data.steps.map((item) => ( </h1>
<button <div className="flex w-full md:w-1/2 gap-[10px]">
onClick={() => { {data.data.steps.map((item) => (
setStep(item.tapgyr); <button
}} onClick={() => {
key={item.tapgyr} setStep(item.tapgyr);
className={`flex-1 py-[5px] rounded-lg transition-all duration-300 ${ }}
step === item.tapgyr key={item.tapgyr}
? "bg-lightPrimary text-white" className={`flex-1 py-[5px] rounded-lg transition-all duration-300 ${
: "bg-lightPrimaryContainer text-textLight" step === item.tapgyr
}`} ? "bg-lightPrimary text-white"
: "bg-lightPrimaryContainer text-textLight"
}`}
>
{item.tapgyr}
</button>
))}
<Link
href={`/quiz/${params.quiz_id}/results`}
className={`flex-1 py-[5px] rounded-lg transition-all duration-300 bg-lightPrimaryContainer text-center text-textLight`}
> >
{item.tapgyr} Netije
</button> </Link>
))} </div>
<Link
href={`/quiz/${params.quiz_id}/results`}
className={`flex-1 py-[5px] rounded-lg transition-all duration-300 bg-lightPrimaryContainer text-center text-textLight`}
>
Netije
</Link>
</div> </div>
</div> )}
)}
{data?.data && !active ? ( {data?.data && !active ? (
<QuizQuestionList <QuizQuestionList

3
components/quiz/QuizQuestionList.tsx
View File

@ -25,7 +25,8 @@ const QuizQuestionList = ({
const [questionData, setQuestionsData] = useState<Question[] | undefined>( const [questionData, setQuestionsData] = useState<Question[] | undefined>(
initialQuestionsData.data.questions initialQuestionsData.data.questions
? initialQuestionsData.data.questions ? initialQuestionsData.data.questions
: initialQuestionsData.data.steps : initialQuestionsData.data.steps &&
initialQuestionsData.data.steps.length > 0
? initialQuestionsData.data.steps[0].questions ? initialQuestionsData.data.steps[0].questions
: [] : []
); );