From beb4a4b8fc98346548ef2fe5ab2edf3929c2d3da Mon Sep 17 00:00:00 2001
From: routerino <45954722+routerino@users.noreply.github.com>
Date: Sat, 5 Oct 2024 08:48:44 +1000
Subject: [PATCH] added online check for device status tooltip

* added online check for device status tooltip
---
 src/lib/devices/DeviceCard.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/lib/devices/DeviceCard.svelte b/src/lib/devices/DeviceCard.svelte
index 94ec6ab..5c13528 100644
--- a/src/lib/devices/DeviceCard.svelte
+++ b/src/lib/devices/DeviceCard.svelte
@@ -73,10 +73,15 @@
 </script>
 
 <div class="card-primary bg-base-200">
+	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	<div on:keypress on:click={() => (cardExpanded = !cardExpanded)} class="flex items-center">
 		<span class="min-w-64 w-1/2 font-bold">
 			{#if cardEditing == false}
-				<span class="badge badge-xs tooltip {getBadgeColour(new Date(device.lastSeen), device.online)}" data-tip={timeSince(new Date(device.lastSeen))} /> {device.id}: {device.givenName}
+				{#if device.online}
+					<span class="badge badge-xs tooltip {getBadgeColour(new Date(device.lastSeen), device.online)}" data-tip=online /> {device.id}: {device.givenName}
+				{:else}
+					<span class="badge badge-xs tooltip {getBadgeColour(new Date(device.lastSeen), device.online)}" data-tip={timeSince(new Date(device.lastSeen))} /> {device.id}: {device.givenName}
+				{/if}
 			{/if}
 			<RenameDevice bind:cardEditing {device} />
 		</span>