fix: fresh the logical

TeamVastsea · Aug 15, 2024 · 99a15ef · 99a15ef
1 parent 1f2dfbf
commit 99a15ef
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/app/survey/components/generateQuestion.tsx b/app/survey/components/generateQuestion.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Title, Text } from '@mantine/core';
 import { SingleChoice } from '@/app/survey/components/SingleChoice';
 import { MultipleChoice } from '@/app/survey/components/MultipleChoice';
 import { FileUpload } from '@/app/survey/components/FileUpload';
@@ -19,36 +20,40 @@ export function generateQuestion(data: QuestionData) {
         case 1:
             return (
                 <div key={data.id}>
-                    <h3>{data.title}</h3>
+                    <Title order={3}>{`${data.id}. ${data.title}`}</Title>
                     <p>{data.description}</p>
                     <FillBlank />
                 </div>
             );
         case 2:
             return (
                 <div key={data.id}>
-                    <h3>{data.title}</h3>
+                    <Title order={3}>{`${data.id}. ${data.title}`}</Title>
                     <p>{data.description}</p>
                     <SingleChoice data={parsedValues} />
                 </div>
             );
         case 3:
             return (
                 <div key={data.id}>
-                    <h3>{data.title}</h3>
+                    <Title order={3}>{`${data.id}. ${data.title}`}</Title>
                     <p>{data.description}</p>
                     <MultipleChoice data={parsedValues} />
                 </div>
             );
         case 4:
             return (
                 <div key={data.id}>
-                    <h3>{data.title}</h3>
+                    <Title order={3}>{`${data.id}. ${data.title}`}</Title>
                     <p>{data.description}</p>
                     <FileUpload />
                 </div>
             );
         default:
-            return null;
+            return (
+                <div>
+                    <Text>Failed to fetch questions!</Text>
+                </div>
+            );
     }
 }