fixed answers in exams and results

src/components/exams/examDetails.js

@@ -31,10 +31,9 @@ const Questions = (props) => {
                 <div className="mt-3" key={k}>
                     <p><span>سوال {k+1} ) </span>  {i.question} </p>
                     <Radio.Group onChange={ (e) =>handleAnswer(i.id, e) }>
-                        <Radio className="px-2" value="1">{i.ans1}</Radio>
-                        <Radio className="px-2" value="2">{i.ans2}</Radio>
-                        <Radio className="px-2" value="3">{i.ans3}</Radio>
-                        <Radio className="px-2" value="4">{i.ans4}</Radio>
+                        {i.data.cases.map( (answer, index) => (
+                            <Radio className="px-2" value={answer.index}>{answer.value}</Radio>
+                        ) )}
                     </Radio.Group>
                 </div>
             ) )}

src/components/results/results.js

@@ -23,26 +23,15 @@ const QuestionItemDescription = (props) => (
                 <div key={key}>
                     <div>{item.question_info.question}</div>
                     <div className="d-flex justify-content-between">
-                        <p> 
-                            { item.question_info.answer_index === 1 && <HiBadgeCheck size="1.5em" color="green" /> }
-                             گزینه 1) {item.question_info.ans1}
-                            { item.chosen_index === 1 && <FaCheck /> }
-                        </p>
-                        <p> 
-                            { item.question_info.answer_index === 2 && <HiBadgeCheck size="1.5em" color="green" /> }
-                            گزینه 2) {item.question_info.ans2}
-                            { item.chosen_index === 2 && <FaCheck /> }
-                        </p>
-                        <p> 
-                            { item.question_info.answer_index === 3 && <HiBadgeCheck size="1.5em" color="green" /> }
-                            گزینه 3) {item.question_info.ans3}
-                            { item.chosen_index === 3 && <FaCheck /> }
-                        </p>
-                        <p> 
-                            { item.question_info.answer_index === 4 && <HiBadgeCheck size="1.5em" color="green" /> }
-                            گزینه 4) {item.question_info.ans4}
-                            { item.chosen_index === 4 && <FaCheck /> }
-                        </p>
+                        {
+                            item.question_info.data.cases.map( (answer, index) => (
+                                <p> 
+                                    { item.question_info.answer_index === index && <HiBadgeCheck size="1.5em" color="green" /> }
+                                    گزینه {index+1}) {answer.value}
+                                    { item.chosen_index === index && <FaCheck /> }
+                                </p>
+                            ))
+                        }
                     </div>
                 </div>
             ))}

src/components/sets/setsDetails.js

@@ -191,10 +191,10 @@ const QuestionCreateForm = (props) => {
             </Form.Item>
             <Form.Item name="answer_index" label="پاسخ صحیح" rules={[{ required: true }]}>
                 <Select>
-                    <Select.Option className="text-right" value="1">گزینه۱</Select.Option>
-                    <Select.Option className="text-right" value="2">گزینه۲</Select.Option>
-                    <Select.Option className="text-right" value="3">گزینه۳</Select.Option>
-                    <Select.Option className="text-right" value="4">گزینه۴</Select.Option>
+                    <Select.Option className="text-right" value="0">گزینه۱</Select.Option>
+                    <Select.Option className="text-right" value="1">گزینه۲</Select.Option>
+                    <Select.Option className="text-right" value="2">گزینه۳</Select.Option>
+                    <Select.Option className="text-right" value="3">گزینه۴</Select.Option>
                 </Select>
             </Form.Item>
             <Form.Item >