fix: replace animated number with plain text as a fix to the issue of…

… occassionally showing 0 for number of recovered stats
theleadio · Feb 9, 2020 · 9a8a4bb · 9a8a4bb
1 parent 7f755ef
commit 9a8a4bb
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/components/Analytics/Stats.vue b/components/Analytics/Stats.vue
@@ -3,12 +3,13 @@
     <div class="w-1/3 flex flex-col rounded overflow-hidden shadow text-center text-red-600">
       <div class="h-16 pt-2 flex flex-auto items-center justify-center bg-red-100 text-xl lg:text-3xl font-bold font-sans">
         <span class="mx-2">
-          <template v-if="typeof confirmed === 'number'">
+          <!--<template v-if="typeof confirmed === 'number'">
             <animated-number :value="confirmed" :round="1" :duration="300" :formatValue="formatNumber" />
           </template>
           <template v-else>
             {{ confirmed }}
-          </template>
+          </template>-->
+          {{ confirmed | formatNumber }}
         </span>
       </div>
       <div class="py-1 w-full bg-red-200 text-sm lg:text-base font-semibold font-sans">
@@ -18,12 +19,13 @@
     <div class="w-1/3 mx-2 flex flex-col rounded overflow-hidden shadow text-center text-green-600">
       <div class="h-16 pt-2 flex flex-auto items-center justify-center bg-green-100 text-xl lg:text-3xl font-bold font-sans">
         <span class="mx-2">
-          <template v-if="typeof recovered === 'number'">
+          <!--<template v-if="typeof recovered === 'number'">
             <animated-number :value="recovered" :round="1" :duration="300" :formatValue="formatNumber" />
           </template>
           <template v-else>
             {{ recovered }}
-          </template>
+          </template>-->
+          {{ recovered | formatNumber }}
         </span>
       </div>
       <div class="py-1 w-full bg-green-200 text-sm lg:text-base font-semibold font-sans">
@@ -33,12 +35,13 @@
     <div class="w-1/3 flex flex-col rounded overflow-hidden shadow text-center text-gray-600">
       <div class="h-16 pt-2 flex flex-auto items-center justify-center bg-gray-200 text-xl lg:text-3xl font-bold font-sans">
         <span class="mx-2">
-          <template v-if="typeof deaths === 'number'">
+          <!--<template v-if="typeof deaths === 'number'">
             <animated-number :value="deaths" :round="1" :duration="300" :formatValue="formatNumber" />
           </template>
           <template v-else>
             {{ deaths }}
-          </template>
+          </template>-->
+          {{ deaths | formatNumber }}
         </span>
       </div>
       <div class="py-1 w-full bg-gray-300 text-sm lg:text-base font-semibold font-sans">