chore(ui): incident timeline dots animation (#2405)

keephq · Nov 6, 2024 · 56aa378 · 56aa378
1 parent cae172d
commit 56aa378
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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,
     });
   }