From 56aa378a523011806f95d2d8083ccaec371fe5f4 Mon Sep 17 00:00:00 2001
From: Tal <tal@keephq.dev>
Date: Wed, 6 Nov 2024 16:39:08 +0200
Subject: [PATCH] chore(ui): incident timeline dots animation (#2405)

---
 keep-ui/app/incidents/[id]/timeline/incident-timeline.tsx | 2 +-
 keep-ui/components/navbar/InitPostHog.tsx                 | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/keep-ui/app/incidents/[id]/timeline/incident-timeline.tsx b/keep-ui/app/incidents/[id]/timeline/incident-timeline.tsx
index 8b42c8d27..da442b104 100644
--- a/keep-ui/app/incidents/[id]/timeline/incident-timeline.tsx
+++ b/keep-ui/app/incidents/[id]/timeline/incident-timeline.tsx
@@ -124,7 +124,7 @@ const EventDot: React.FC<EventDotProps> = ({
     >
       <div
         className={`w-3 ${
-          isSelected ? "h-full border-2 border-white" : "h-3"
+          isSelected ? "h-full border-2 border-white" : "h-3 animate-pulse"
         } ${dotColors[color as keyof typeof dotColors]} rounded-full`}
       ></div>
     </div>
diff --git a/keep-ui/components/navbar/InitPostHog.tsx b/keep-ui/components/navbar/InitPostHog.tsx
index ea0a46de2..2257479d8 100644
--- a/keep-ui/components/navbar/InitPostHog.tsx
+++ b/keep-ui/components/navbar/InitPostHog.tsx
@@ -13,9 +13,15 @@ export const InitPostHog = () => {
   const { data: session } = useSession();
   const { data: configData } = useConfig();
 
-  if (typeof window !== "undefined" && configData && configData.POSTHOG_KEY && configData.POSTHOG_DISABLED !== "true") {
+  if (
+    typeof window !== "undefined" &&
+    configData &&
+    configData.POSTHOG_KEY &&
+    configData.POSTHOG_DISABLED !== "true"
+  ) {
     posthog.init(configData.POSTHOG_KEY!, {
       api_host: configData.POSTHOG_HOST,
+      ui_host: configData.POSTHOG_HOST,
     });
   }