From 52fcd29baef114edc99d57dcebb23b4d87989ea6 Mon Sep 17 00:00:00 2001
From: James Nuanez <james@jamesnuanez.com>
Date: Sun, 26 Jul 2020 15:37:06 -0700
Subject: [PATCH] Implement logic to show time since api key last used

---
 .../pages/internal/AccountsAddEdit.js         | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/internal/AccountsAddEdit.js b/src/components/pages/internal/AccountsAddEdit.js
index 815b4a1..2c73491 100644
--- a/src/components/pages/internal/AccountsAddEdit.js
+++ b/src/components/pages/internal/AccountsAddEdit.js
@@ -43,10 +43,28 @@ const AccountsAddEdit = () => {
         const maskedPortion = token.substring(0, maskLength).replace(/[a-zA-Z0-9]/g, '*');
         const revealedPortion = token.substring(maskLength);
         const maskedToken = `${maskedPortion}${revealedPortion}`;
+
+        const { last_used } = a;
+        let lastUsedString = 'Never used';
+        if (last_used) {
+          const currentDate = new Date();
+          const lastUsedDate = new Date(last_used);
+          currentDate.setHours(0,0,0,0);
+          lastUsedDate.setHours(0,0,0,0);
+          const daysDifference = Math.round((currentDate - lastUsedDate) / 1000 / 60 / 60 / 24);
+          lastUsedString = daysDifference > 1
+            ? `${daysDifference} days ago`
+            : daysDifference === 1
+              ? 'Yesterday'
+              : daysDifference === 0
+                ? 'Today'
+                : 'Never used';
+        }
+
         return {
           sid:       a.api_key_sid,
           token:     maskedToken,
-          last_used: a.last_used || "Never used",
+          last_used: lastUsedString,
         };
       });
       return(simplifiedApiKeys);