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

3
components/quiz/QuizQuestionList.tsx
View File

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