From ad9fb8b36f749ee1e5787526428e7289dd6b39c5 Mon Sep 17 00:00:00 2001
From: Martavis Parker <47053705+martavis@users.noreply.github.com>
Date: Mon, 28 Feb 2022 10:41:45 -0800
Subject: [PATCH] Removed uptime from about this host (#4384)

* removed uptime from about this host

* removed updated at from about this host

* modified time display for first enrolled
---
 frontend/fleet/helpers.ts                         |  2 +-
 .../hosts/HostDetailsPage/HostDetailsPage.tsx     | 15 +++------------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/frontend/fleet/helpers.ts b/frontend/fleet/helpers.ts
index 2b511d9b79..d4e521f897 100644
--- a/frontend/fleet/helpers.ts
+++ b/frontend/fleet/helpers.ts
@@ -571,7 +571,7 @@ export const humanHostLastSeen = (lastSeen: string): string => {
 };
 
 export const humanHostEnrolled = (enrolled: string): string => {
-  return format(new Date(enrolled), "MMM d yyyy, HH:mm:ss");
+  return formatDistanceToNow(new Date(enrolled), { addSuffix: true });
 };
 
 export const humanHostMemory = (bytes: number): string => {
diff --git a/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.tsx b/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.tsx
index 396fb7d792..8f2812dec2 100644
--- a/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.tsx
+++ b/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.tsx
@@ -1030,7 +1030,7 @@ const HostDetailsPage = ({
     if (numUsers) {
       return (
         <div className="info-grid__block">
-          <span className="info-grid__header">Device user</span>
+          <span className="info-grid__header">Used by</span>
           <span className="info-grid__data">
             {numUsers === 1 ? (
               deviceMapping[0].email || "---"
@@ -1223,7 +1223,7 @@ const HostDetailsPage = ({
               <p className="section__header">About this host</p>
               <div className="info-grid">
                 <div className="info-grid__block">
-                  <span className="info-grid__header">Created at</span>
+                  <span className="info-grid__header">First enrolled</span>
                   <span className="info-grid__data">
                     {wrapFleetHelper(
                       humanHostEnrolled,
@@ -1232,16 +1232,7 @@ const HostDetailsPage = ({
                   </span>
                 </div>
                 <div className="info-grid__block">
-                  <span className="info-grid__header">Updated at</span>
-                  <span className="info-grid__data">
-                    {wrapFleetHelper(
-                      humanHostLastSeen,
-                      titleData.detail_updated_at
-                    )}
-                  </span>
-                </div>
-                <div className="info-grid__block">
-                  <span className="info-grid__header">Uptime</span>
+                  <span className="info-grid__header">Last restarted</span>
                   <span className="info-grid__data">
                     {wrapFleetHelper(humanHostUptime, aboutData.uptime)}
                   </span>