fix(EasterEgg): Handle extra eggs and popup hiding

1 files changed, 12 insertions, 3 deletions

diff --git a/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte b/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
index 0bc1a027..00317557 100644
--- a/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
+++ b/src/lib/Events/AniListBadges/EasterEvent2025/EasterEgg.svelte
@@ -29,8 +29,7 @@
       const eggClick = document.getElementById(`egg-click-${targetID}-${id}`);
       const pageWidth = document.documentElement.clientWidth;
 
-      visible = !clickedEggs.includes(id);
-      console.log('visible:', visible, eggVisual, eggClick);
+      visible = !clickedEggs.includes(id) && clickedEggs.length < 4;
 
       if (eggVisual && eggClick) {
         const verticalPosition = targetElement.offsetHeight * 0.9;
@@ -83,6 +82,16 @@
       `<img src="${source}" alt="due.moe × AniList Badges Badge Prize" width="200px">`
     );
   };
+
+  const onLeavePopup = () => {
+    showPopup = false;
+
+    const storedClickedEggs = localStorage.getItem('easter2025ClickedEggs');
+    const clickedEggs = storedClickedEggs ? JSON.parse(storedClickedEggs) : [];
+
+    clickedEggs.push(-1);
+    localStorage.setItem('easter2025ClickedEggs', JSON.stringify(clickedEggs));
+  };
 </script>
 
 {#if visible}
@@ -103,7 +112,7 @@
 {/if}
 
 {#if eggCount == 3 || showPopup}
-  <Popup fullscreen center>
+  <Popup fullscreen center onLeave={onLeavePopup}>
     <div class="event-popup">
       <div class="event-popup-banner">
         <a