changes in animation

Author: Dushyant Bhalgami

components/FinalistTable.js

@@ -267,8 +267,8 @@ const table = (props) => {
             <React.Fragment>
               { largeColumns && f2fLeaderboard && profile.hasOwnProperty('handle') && <div className='handleName animate fadeIn'>&nbsp;
               </div> }
-              <div className='status'>
-                Awaiting submission
+              <div className='status animate flash infinite' >
+                Processing final scores...
               </div>
             </React.Fragment>
           }

next.config.js

@@ -2,7 +2,7 @@ module.exports = {
   publicRuntimeConfig: {
     host: process.env.HOST,
     pollTimeInterval: process.env.LEADERBOARD_POLL_TIME_INTERVAL || 1000,
-    leaderboardRevealDelay: process.env.LEADERBOARD_REVEAL_DELAY || 500,
-    processDevRevealDelay: process.env.DEV_LEADERBOARD_REVEAL_DELAY || 7000
+    leaderboardRevealDelay: process.env.LEADERBOARD_REVEAL_DELAY || 2000,
+    processDevRevealDelay: process.env.DEV_LEADERBOARD_REVEAL_DELAY || 5000
   }
 }

pages/f2f-leaderboard.js

@@ -125,11 +125,25 @@ class F2FLeaderboard extends React.Component {
       .then((leaderboard) => {
         if (this.props.isF2f) {
           leaderboard.sort((a, b) => (b.points - a.points))
+
+          console.log(leaderboard)
 
           if (this.props.showFinalScore) {
+            // // First, take a break and build the excitement
+            // leaderboard = leaderboard.map((l, i) => {
+            //   const member = {
+            //     handle: i,
+            //     status: 'Processing final scores...',
+            //     statusAnimationClass: 'animate flash infinite',
+            //     animationClass: 'hidden'
+            //   }
+            //   return member
+            // })
+
             leaderboard.forEach(l => { l.reveal = false })
             this.setState({ leaderboard })
-            this.animateLeaderboard()
+            this.polling = setTimeout(this.animateLeaderboard, publicRuntimeConfig.processDevRevealDelay)
+            // this.animateLeaderboard()
           } else {
             leaderboard.forEach(l => { l.reveal = true })
             this.setState({ leaderboard })
@@ -177,6 +191,8 @@ class F2FLeaderboard extends React.Component {
 
             this.setState({ leaderboard })
 
+            console.log(publicRuntimeConfig)
+
             // Show time !!
             this.polling = setTimeout(this.displayFinalScores, publicRuntimeConfig.processDevRevealDelay)
           } else {