added snapshot.jpg for seo

tanmaylaud · Jul 27, 2020 · b348a90 · b348a90
1 parent 257043a
commit b348a90
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 11 deletions.
diff --git a/public/demo-min.gif b/public/demo-min.gif
diff --git a/public/index.html b/public/index.html
@@ -10,7 +10,7 @@
       property="og:description"
       content="Track live count of confirmed and active cases,deaths and recoveries for every country in one place"
     />
-    <meta property="og:image" content="%PUBLIC_URL%/snapshot.png" />
+    <meta property="og:image" content="%PUBLIC_URL%/snapshot.jpg" />
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="COVID19 Cases Live Tracker" />
     <meta title="Covid19 3D Globe Tracker by Tanmay" />

diff --git a/public/snapshot.jpg b/public/snapshot.jpg
diff --git a/public/snapshot.png b/public/snapshot.png
diff --git a/src/App.tsx b/src/App.tsx
@@ -21,8 +21,10 @@ export default function App() {
       total.push(GlobalCounts.totalRecoveries);
       total.push(GlobalCounts.totalActive);
       setTotals(total);
+      if (!GlobalCounts.set) window.location.reload();
     }, 3000);
   }, [GlobalCounts.set]);
+
   return (
     <React.Fragment>
       <div id="globeViz"></div>

diff --git a/src/Counter.tsx b/src/Counter.tsx
@@ -9,11 +9,11 @@ export function Counter({ count }: CounterProps) {
   const [counter, setCounter] = useState(0);
 
   useEffect(() => {
-    if (counter != count) {
-      if (count - count <= 200) setCounter(counter + 1);
-      if (count - counter <= 1000) setCounter(counter + 100);
-      else if (counter < 10000) setCounter(counter + 1000);
-      else setCounter(counter + 10000);
+    if (counter <= count) {
+      if (count - counter <= 200) setCounter(counter + 1);
+      else if (count - counter <= 1000) setCounter(counter + 100);
+      else if (count - counter <= 10000) setCounter(counter + 1000);
+      else setCounter(counter + 1000);
     }
   }, [counter]);
 

diff --git a/src/Spinner.css b/src/Spinner.css
@@ -26,8 +26,8 @@
 
 @media only screen and (min-device-width: 320px) and (max-device-width: 750px) {
   .spinner {
-    left: 35%;
-    top: 50%;
+    left: 33%;
+    top: 45%;
     transform: translate(-50%, -50%);
   }
 }

diff --git a/src/Spinner.tsx b/src/Spinner.tsx
@@ -4,9 +4,7 @@ export function Spinner(props: { loaded: boolean }) {
   return !props.loaded ? (
     <div className="spinbody">
       <div className="spinner"></div>
-      <p style={{ position: "absolute", left: "40%", bottom: "50px" }}>
-        Loading latest data...
-      </p>
+      <p style={{ position: "absolute", left: "40%", bottom: "50px" }}></p>
     </div>
   ) : null;
 }