From 54f4a3bf0304d6eea1e5d86dab9eee7ce788daa9 Mon Sep 17 00:00:00 2001
From: Arti M <arti.mathanda@ably.com>
Date: Tue, 18 Jul 2023 11:02:57 +0100
Subject: [PATCH] chore: Update avatar stack time status

---
 demo/app/components/avatar-stack.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/demo/app/components/avatar-stack.ts b/demo/app/components/avatar-stack.ts
index 9c50ee96..cc4bf27e 100644
--- a/demo/app/components/avatar-stack.ts
+++ b/demo/app/components/avatar-stack.ts
@@ -9,8 +9,10 @@ import type { SpaceMember } from '../../../src/Space';
 
 dayjs.extend(relativeTime);
 
-const updateStatusTime = (statusEl: Element, timestamp: number) =>
-  (statusEl.innerHTML = `Left ${dayjs().to(timestamp)}`);
+const updateStatusTime = (statusEl, timestamp) => {
+  const diffInSeconds = dayjs().diff(timestamp, 'second');
+  statusEl.innerHTML = `Last seen ${diffInSeconds} second${diffInSeconds === 1 ? '' : 's'} ago`;
+};
 
 const changeStatusIndicator = (fragment, isConnected, lastEvent) => {
   const statusIndicatorEl = queryDataId(fragment, 'avatar-status-indicator');