From f9fb95abe69debc9fc76e4d037b49a9edf8642c8 Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Fri, 4 Oct 2024 13:24:16 +0000
Subject: [PATCH] Chore/last used badge (#29556)

* use tooltip instead of badge

* Update badge
---
 .../interfaces/SignIn/LastSignInWrapper.tsx        | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/studio/components/interfaces/SignIn/LastSignInWrapper.tsx b/apps/studio/components/interfaces/SignIn/LastSignInWrapper.tsx
index 37a5732ff23..e90a4b38a7d 100644
--- a/apps/studio/components/interfaces/SignIn/LastSignInWrapper.tsx
+++ b/apps/studio/components/interfaces/SignIn/LastSignInWrapper.tsx
@@ -1,6 +1,7 @@
 import { LastSignInType, useLastSignIn } from 'hooks/misc/useLastSignIn'
 import { ReactNode } from 'react'
-import { Badge, cn } from 'ui'
+import { Badge, cn, Tooltip_Shadcn_, TooltipContent_Shadcn_, TooltipTrigger_Shadcn_ } from 'ui'
+import { Info } from 'lucide-react'
 
 export function LastSignInWrapper({
   children,
@@ -14,9 +15,14 @@ export function LastSignInWrapper({
   return (
     <div className="flex items-center relative">
       {lastSignIn === type && (
-        <Badge variant="default" className="absolute -right-[84px]">
-          Last used
-        </Badge>
+        <Tooltip_Shadcn_>
+          <TooltipTrigger_Shadcn_ asChild className="absolute -right-8">
+            <div className="p-2 flex">
+              <span className="w-2.5 h-2.5 bg-brand rounded-full animate-pulse" />
+            </div>
+          </TooltipTrigger_Shadcn_>
+          <TooltipContent_Shadcn_>Last used</TooltipContent_Shadcn_>
+        </Tooltip_Shadcn_>
       )}
       <div
         className={cn('w-full', {