fixes final message logic

src/views/Quiz/QuizAnswer.vue

@@ -37,7 +37,7 @@
  <v-dialog v-model="showSuccessModal" persistent max-width="400">
  <v-card>
  <v-card-title class="headline">Your answer was correct!</v-card-title>
- <div v-if="Quiz.rank === Quiz.maxRank">
+ <div v-if="isLastQuiz">
  <v-card-text>
  Congratulations, {{ User.displayName }}!
  <br />
@@ -135,9 +135,7 @@
  </v-card>
  </v-dialog>
 
- <final-question-success
- v-if="showSuccessModal && Quiz.rank === Quiz.maxRank"
- />
+ <final-question-success v-if="showSuccessModal && isLastQuiz" />
  </div>
 </template>
 
@@ -184,6 +182,8 @@ export default {
  "The grand prize could be yours.",
  "You must be the hero we're seeking."
  ],
+ entryRank: -1,
+ isLastQuiz: false,
  isSubmitting: false,
  wasCorrect: false,
  attemptsRemaining: 3,
@@ -204,6 +204,11 @@ export default {
  }
  };
  },
+ mounted() {
+ if (this.Quiz.rank === this.Quiz.maxRank - 1) {
+ this.isLastQuiz = true;
+ }
+ },
  methods: {
  onBlur() {
  this.fields.answer.errorMessages = [];

src/views/Voting/VoteWoah.vue

@@ -6,7 +6,8 @@
  Woah, voting has not started yet!
  </h2>
  <p>
- Our challengers are hard at work. Come back on April 26 5 PM CT to vote for the winner.
+ Our challengers are hard at work. Come back on April 26 5 PM CT to
+ vote for the winner.
  </p>
  </v-col>
  </v-row>
@@ -15,22 +16,22 @@
 
 <script>
 export default {
- name: 'VotingWoah',
+ name: "VotingWoah"
 };
 </script>
 
 <style lang="scss" scoped>
 h2 {
  text-align: center;
  color: #0d1d41;
- font-family: 'Barlow', sans-serif;
+ font-family: "Barlow", sans-serif;
  font-weight: bold;
  margin-bottom: 12px;
 }
 
 p {
  text-align: center;
  color: #0d1d41;
- font-family: 'Barlow', sans-serif;
+ font-family: "Barlow", sans-serif;
 }
 </style>