change moment to trigger a now once per route

Author: jeffreywhitaker

src/plugins/router.js

@@ -38,7 +38,7 @@ let votingStartTime = moment("3 May 2021 08:00:00 CDT");
 let votingEndTime = moment("7 May 2021 23:59:59 CDT");
 
 // easy route testing by passing a date string below
-const now = function() {
+const getCurrentTime = function() {
   return moment();
 };
 
@@ -153,13 +153,15 @@ const routes = [
         path: "voting",
         name: "voting",
         component: () => {
+          const now = getCurrentTime();
+
           // show VoteWoah if before vote start time
-          if (now() < votingStartTime) {
+          if (now < votingStartTime) {
             return import("@/views/Voting/VoteWoah");
           }
 
           // show VotingOver if past vote end time
-          if (now() > votingEndTime) {
+          if (now > votingEndTime) {
             // TODO: add a leaderboard here once built
             return import("@/views/Voting/VotingOver");
           }
@@ -180,17 +182,16 @@ const routes = [
         path: "quiz",
         name: "quiz",
         component: async () => {
+          const now = getCurrentTime();
+
           // time before challenge has started
-          if (now() < mainQuestionsStartTime) {
+          if (now < mainQuestionsStartTime) {
             // TODO: update QuizCountdown's content for 2022's before start time
             return import("@/views/Quiz/QuizCountdown");
           }
 
           // time during main quiz
-          if (
-            now() >= mainQuestionsStartTime &&
-            now() <= mainQuestionsEndTime
-          ) {
+          if (now >= mainQuestionsStartTime && now <= mainQuestionsEndTime) {
             // USER HAS FINISHED QUIZ
             // TODO: for 2022 import a 'you finished now wait for boss' component
             // if done will all questions except boss
@@ -200,15 +201,15 @@ const routes = [
           }
 
           // time between main questions ending and boss starting
-          if (now() > mainQuestionsEndTime && now() < bossStartTime) {
+          if (now > mainQuestionsEndTime && now < bossStartTime) {
             // TODO: for 2022 make an await final boss component, or start passing props to QuizCountdown
 
             // MUST WAIT FOR NEXT QUESTION
             return import("@/views/Quiz/QuizCountdown");
           }
 
           // time during boss final question
-          if (now() >= bossStartTime && now() <= bossEndTime) {
+          if (now >= bossStartTime && now <= bossEndTime) {
             // User did not make the cut
             if (
               store.state.Quiz.rankToday == store.state.Quiz.maxRank &&
@@ -229,7 +230,7 @@ const routes = [
           }
 
           // time after boss question ends and before voting
-          if (now() > bossEndTime && now() < votingStartTime) {
+          if (now > bossEndTime && now < votingStartTime) {
             // user has finished the boss question
             if (store.state.Quiz.maxRank === store.state.User.rank - 1) {
               return import("@/views/Quiz/QuizFinished");
@@ -243,8 +244,10 @@ const routes = [
           // TODO: make a component that alerts before redirect to /voting for better user experience
         },
         beforeEnter(from, to, next) {
+          const now = getCurrentTime();
+
           // redirect if all sections of quiz are over
-          if (now() >= votingStartTime) {
+          if (now >= votingStartTime) {
             next("/voting");
           }