Question Formatting

KATITB22 · Aug 17, 2022 · 3929577 · 3929577
1 parent c3658df
commit 3929577
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/components/Assignments/Essay.tsx b/src/components/Assignments/Essay.tsx
@@ -35,7 +35,7 @@ export const Essay = (item: AssignmentComponentProps) => {
     }, [scoreData, data]);
 
     return (
-        <Form.Item label={<ReactMarkdown>{`[${item.question_no}] ${item.question}`}</ReactMarkdown>} key={item.id}>
+        <Form.Item label={<ReactMarkdown className="whitespace-pre-line">{`[${item.question_no}] ${item.question}`}</ReactMarkdown>} key={item.id}>
             <Input.Group>
                 <Row gutter={[16, 16]} align="middle">
                     <Col xs={24} xl={20}>

diff --git a/src/components/Assignments/Isian.tsx b/src/components/Assignments/Isian.tsx
@@ -37,8 +37,11 @@ export const Isian = (item: AssignmentComponentProps) => {
     }, [scoreData, data]);
 
     return (
-        <Form.Item label={<ReactMarkdown>{`[${item.question_no}] ${item.question}`}</ReactMarkdown>} key={item.id}>
+        <Form.Item key={item.id}>
             <Input.Group>
+                <Row>
+                    <ReactMarkdown className="whitespace-pre-line">{`[${item.question_no}] ${item.question}`}</ReactMarkdown>
+                </Row>
                 <Row gutter={[16, 16]} align="middle">
                     <Col xs={24} xl={20}>
                         <Input onBlur={handleChange} onChange={handleChange} disabled={!item.editAnswer} maxLength={150}

diff --git a/src/components/Assignments/PilihanGanda.tsx b/src/components/Assignments/PilihanGanda.tsx
@@ -39,8 +39,11 @@ export const PilihanGanda = (item: AssignmentComponentProps) => {
 
     const options = ['A', 'B', 'C', 'D', 'E'];
     return (
-        <Form.Item label={<ReactMarkdown>{`[${item.question_no}] ${item.question}`}</ReactMarkdown>} key={item.id}>
+        <Form.Item key={item.id}>
             <Input.Group>
+                <Row>
+                    <ReactMarkdown className="whitespace-pre-line">{`[${item.question_no}] ${item.question}`}</ReactMarkdown>
+                </Row>
                 <Row gutter={[16, 16]} align="middle">
                     <Col
                         xs={24} xl={20}>