From dac347b4f96b8bf4ae8070245191a528484ba0a1 Mon Sep 17 00:00:00 2001
From: Lukas Stracke <lukas.stracke@sentry.io>
Date: Tue, 28 Nov 2023 19:07:49 +0100
Subject: [PATCH 1/2] feat(astro): Toggle notification dot when receving a
 severe event

---
 .changeset/silver-dingos-travel.md  |  5 +++++
 packages/astro/src/overlay/index.ts | 20 ++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 .changeset/silver-dingos-travel.md

diff --git a/.changeset/silver-dingos-travel.md b/.changeset/silver-dingos-travel.md
new file mode 100644
index 000000000..a9975af2f
--- /dev/null
+++ b/.changeset/silver-dingos-travel.md
@@ -0,0 +1,5 @@
+---
+'@spotlightjs/astro': patch
+---
+
+feat(astro): Toggle notification dot when receving a severe event
diff --git a/packages/astro/src/overlay/index.ts b/packages/astro/src/overlay/index.ts
index c3a259d55..9d3b1ff83 100644
--- a/packages/astro/src/overlay/index.ts
+++ b/packages/astro/src/overlay/index.ts
@@ -37,5 +37,25 @@ export default {
         }),
       );
     });
+
+    Spotlight.onOpen(() => {
+      eventTarget.dispatchEvent(
+        new CustomEvent('toggle-notification', {
+          detail: {
+            state: false,
+          },
+        }),
+      );
+    });
+
+    Spotlight.onSevereEvent(() => {
+      eventTarget.dispatchEvent(
+        new CustomEvent('toggle-notification', {
+          detail: {
+            state: true,
+          },
+        }),
+      );
+    });
   },
 } satisfies DevOverlayPlugin;

From be8959edf8a4cb07beda0568751031d6abad44bf Mon Sep 17 00:00:00 2001
From: Lukas Stracke <lukas.stracke@sentry.io>
Date: Tue, 28 Nov 2023 19:14:41 +0100
Subject: [PATCH 2/2] add tiny delay

---
 packages/astro/src/overlay/index.ts | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/astro/src/overlay/index.ts b/packages/astro/src/overlay/index.ts
index 9d3b1ff83..67c84c73a 100644
--- a/packages/astro/src/overlay/index.ts
+++ b/packages/astro/src/overlay/index.ts
@@ -39,13 +39,15 @@ export default {
     });
 
     Spotlight.onOpen(() => {
-      eventTarget.dispatchEvent(
-        new CustomEvent('toggle-notification', {
-          detail: {
-            state: false,
-          },
-        }),
-      );
+      setTimeout(() => {
+        eventTarget.dispatchEvent(
+          new CustomEvent('toggle-notification', {
+            detail: {
+              state: false,
+            },
+          }),
+        );
+      }, 500);
     });
 
     Spotlight.onSevereEvent(() => {