:recycle: Further refactoring of QuestionView in case aspect is at end of survey

frontend/src/components/onboarding/QuestionResponse.vue

@@ -10,33 +10,36 @@ w-card.question
     )
     w-button.ma1.grow(
         @click='handleSubmit'
-        v-if='question.id !== aspectsCount'
+        v-if='currentStep !== surveyStepsCount'
     ) NEXT
-    w-button.ma1.grow(@click='updateAll' v-else) SUBMIT ANSWERS
+    w-button.ma1.grow(@click='handleSubmit' v-else) SUBMIT ANSWERS
     p(v-if='noChoiceMade') Tough choices, we know! Just answer to the best of your ability. The team over at Siimee values the answers you provide us so that we can show you results catered to your specific needs.
 </template>
 
 <script>
-import { aspectsArr } from '../../utils/lang.js'
-
 export default {
     props: {
         question: {
             type: Object,
             required: true,
         },
+        currentSteps: {
+            type: Number,
+            required: true,
+        },
+        surveyStepsCount: {
+            type: Number,
+            required: true,
+        },
     },
-    emits: ['updated', 'update-answers', 'update-all'],
+    emits: ['update-answers'],
     data: () => ({
         radioItems: [1, 2, 3, 4, 5],
-        isAnswered: false,
         answer: null,
         noChoiceMade: null,
-        aspectsCount: aspectsArr.length,
     }),
     methods: {
         onUpdate(index) {
-            this.isAnswered = true
             this.noChoiceMade = false
             this.answer = this.radioItems[index]
         },
@@ -45,19 +48,9 @@ export default {
                 question: this.question,
                 input: this.answer,
             }
-            console.log('updated payload :>> ', payload)
+            this.noChoiceMade = payload.input === null ? true : false
             this.$emit('update-answers', payload)
         },
-        updateAnswers() {
-            this.isAnswered
-                ? this.$emit('update-answers', this.question)
-                : (this.noChoiceMade = true)
-        },
-        updateAll() {
-            this.isAnswered
-                ? this.$emit('update-all')
-                : (this.noChoiceMade = true)
-        },
     },
 }
 </script>

frontend/src/views/OnboardingView.vue

@@ -14,6 +14,8 @@ main.view--onboarding
             component(
                 :is='step.component'
                 :question='step'
+                :currentStep='currentStep'
+                :surveyStepsCount='survey.steps.length'
                 @handle-submit='onSubmit'
                 @update-answers='updateAnswers'
                 v-if='step && currentStep == i'