From bc0fbb3e65bb15668da1af5886d086ac2e6c7394 Mon Sep 17 00:00:00 2001
From: Pontus Abrahamsson <pontus@lostisland.co>
Date: Wed, 20 Dec 2023 20:04:24 +0100
Subject: [PATCH] Animate last month

---
 apps/dashboard/src/components/main-menu.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/src/components/main-menu.tsx b/apps/dashboard/src/components/main-menu.tsx
index 7e2b90a5b0..a66b99686a 100644
--- a/apps/dashboard/src/components/main-menu.tsx
+++ b/apps/dashboard/src/components/main-menu.tsx
@@ -20,7 +20,10 @@ export function MainMenu() {
       name: "Inbound",
       icon: () => (
         <div className="relative">
-          <div className="w-1.5 h-1.5 bg-[#d98d00] rounded-full absolute -top-[5px] -right-[5px]" />
+          <span className="relative flex h-[6px] w-[6px] absolute top-[0px] -right-[23px]">
+            <span className="animate-[ping_1s_ease-in-out_3] absolute inline-flex h-full w-full rounded-full bg-[#d98d00] opacity-75" />
+            <span className="relative inline-flex rounded-full h-[6px] w-[6px] bg-[#d98d00]" />
+          </span>
           <Icons.Inbox2 size={22} />
         </div>
       ),