From 72093a30bddcf8a0f3b71573b613e910d854a097 Mon Sep 17 00:00:00 2001
From: Anjula Shanaka <anjula@sack.edu.lk>
Date: Fri, 30 Jul 2021 16:16:29 +0530
Subject: [PATCH] Use mentor question index in edit mentor application (#221)

---
 .../scenes/EditMentorApplication/index.tsx    | 35 ++++++++++---------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/scenes/Home/scenes/EditMentorApplication/index.tsx b/src/scenes/Home/scenes/EditMentorApplication/index.tsx
index 754fa4b..904ea59 100644
--- a/src/scenes/Home/scenes/EditMentorApplication/index.tsx
+++ b/src/scenes/Home/scenes/EditMentorApplication/index.tsx
@@ -124,23 +124,24 @@ function MentorApplication() {
                     form={form}
                   >
                     {responses.length > 0 &&
-                      responses.map((question: QuestionResponse) => (
-                        <Row key={question.id.questionId}>
-                          <Col span={16} offset={4}>
-                            <Title level={4}>
-                              {question.id.questionId}.
-                              {question.question.question}
-                            </Title>
-                            <Form.Item
-                              name={question.id.questionId}
-                              initialValue={question.response}
-                              rules={[{ required: true }]}
-                            >
-                              <TextArea rows={5} />
-                            </Form.Item>
-                          </Col>
-                        </Row>
-                      ))}
+                      responses.map(
+                        (question: QuestionResponse, index: number) => (
+                          <Row key={question.id.questionId}>
+                            <Col span={16} offset={4}>
+                              <Title level={4}>
+                                {index + 1}.{question.question.question}
+                              </Title>
+                              <Form.Item
+                                name={question.id.questionId}
+                                initialValue={question.response}
+                                rules={[{ required: true }]}
+                              >
+                                <TextArea rows={5} />
+                              </Form.Item>
+                            </Col>
+                          </Row>
+                        )
+                      )}
                     <Row>
                       <Col
                         span={10}