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");
  }