beautify last seen and ip address fields

Author: imdawon

cmd/dashboard/ui/templates/get_all_emissary_clients.templ

@@ -13,14 +13,24 @@ templ GetAllEmissaryClients(clients []*emissary.EmissaryClient, latestClientEven
                 if client.Revoked == 1 {
                     <span>{ client.Name } (Revoked)</span>
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor"><path d="M13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z"></path></svg>
+                    if latestClientEvents[client.ID].Timestamp == "" {
+                        <span>Last Seen: Never</span>
+                        <span>IP Address: N/A</span>
+                    } else {
                     <span>Last Seen: { latestClientEvents[client.ID].Timestamp }</span>
                     <span>IP Address: { latestClientEvents[client.ID].ConnectionIP }</span>
+                    }
                     <button value="Restore Access" hx-post={ fmt.Sprintf("emissary/post/client/%s/unrevoke_certificate", client.ID) } hx-target={ fmt.Sprintf("#fleet-device-%s",client.ID) } hx-swap="outerHTML" class="emissary-restore-btn">Restore Access</button>
                 } else {
                     <span>{ client.Name }</span>
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor"><path d="M13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z"></path></svg>
+                    if latestClientEvents[client.ID].Timestamp == "" {
+                        <span>Last Seen: Never</span>
+                        <span>IP Address: N/A</span>
+                    } else {
                     <span>Last Seen: { latestClientEvents[client.ID].Timestamp }</span>
                     <span>IP Address: { latestClientEvents[client.ID].ConnectionIP }</span>
+                    }
                     <button value="Revoke Access" hx-post={ fmt.Sprintf("emissary/post/client/%s/revoke_certificate", client.ID) } hx-target={ fmt.Sprintf("#fleet-device-%s",client.ID) } hx-swap="outerHTML" class="emissary-revoke-btn">Revoke Access</button>
                 }
             </li>

cmd/dashboard/ui/templates/get_all_emissary_clients_templ.go

@@ -378,22 +378,22 @@ func BeautifulTimeSince(timestamp string) string {
 
 	switch {
 	case duration < minuteThreshold:
-		return "less than a minute ago"
+		return "Less than a minute ago"
 	case duration < 2*minuteThreshold:
-		return "around a minute ago"
+		return "Around a minute ago"
 	case duration < hourThreshold:
 		minutes := int(duration.Minutes())
-		return fmt.Sprintf("%d minutes ago", minutes)
+		return fmt.Sprintf("Around %d minutes ago", minutes)
 	case duration < 2*hourThreshold:
-		return "around 1 hour ago"
+		return "Around 1 hour ago"
 	case duration < dayThreshold:
 		hours := int(duration.Hours())
-		return fmt.Sprintf("around %d hours ago", hours)
+		return fmt.Sprintf("Around %d hours ago", hours)
 	default:
 		days := int(duration.Hours() / 24)
 		if days == 1 {
-			return "1 day ago"
+			return "Around 1 day ago"
 		}
-		return fmt.Sprintf("%d days ago", days)
+		return fmt.Sprintf("Around %d days ago", days)
 	}
 }