From 6100a573ab9cf568d483cfc4b3ae38845d4162ab Mon Sep 17 00:00:00 2001
From: Alexis Werefox <adh9694@gmail.com>
Date: Mon, 26 Apr 2021 18:02:02 +0000
Subject: [PATCH] Did we fix the tracker yet

---
 src/info/pages/hrt/index.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/info/pages/hrt/index.js b/src/info/pages/hrt/index.js
index 05ae981..357c3d4 100644
--- a/src/info/pages/hrt/index.js
+++ b/src/info/pages/hrt/index.js
@@ -3,11 +3,17 @@ import WCard from "../../components/werefox-card";
 import { useEffect, useState } from "react";
 
 function getTimes() {
-  let total_ms = Date.now() - new Date("December 11, 2020 00:00:00");
-  let days = Math.round(total_ms / 1000 / 60 / 60 / 24);
-  let hours = (new Date(total_ms).getHours() + 6) % 24;
-  let minutes = new Date(total_ms).getMinutes();
-  let seconds = new Date(total_ms).getSeconds();
+  const total_ms =
+    Date.now() - new Date("December 11, 2020 00:00:00 GMT-05:00");
+  const days = Math.floor(total_ms / 1000 / 60 / 60 / 24);
+  const days_in_ms = days * 1000 * 60 * 60 * 24;
+  const hours = Math.floor((total_ms - days_in_ms) / 1000 / 60 / 60);
+  const hours_in_ms = hours * 1000 * 60 * 60;
+  const minutes = Math.floor((total_ms - days_in_ms - hours_in_ms) / 1000 / 60);
+  const minutes_in_ms = minutes * 1000 * 60;
+  const seconds = Math.floor(
+    (total_ms - days_in_ms - hours_in_ms - minutes_in_ms) / 1000
+  );
   return {
     days: `${days} days,`,
     hours: `${hours} hours,`,
@@ -40,13 +46,13 @@ export default function HRT({ startTimes }) {
       card_title="Track my HRT progress!"
     >
       <WCard>
-        <p className="text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue">
+        <p className="pt-6 text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue">
           I'm so glad you're interested!!
         </p>
         <p className="text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue">
           I have been on HRT for:
         </p>
-        <div className="text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue grid grid-cols-1 grid-rows-4">
+        <div className="pb-6 text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue grid grid-cols-1 grid-rows-4">
           {Object.keys(timesArray).map((t) => (
             <p>{timesArray[t]}</p>
           ))}