Merge branch 'develop' into feature/RZA-250003

Author: Ciphrox

astro.config.mjs

@@ -8,7 +8,7 @@ import { defineConfig } from "astro/config";
 export default defineConfig({
   site: "https://parixan.xyz",
   build: {
-    format: "directory"
+    format: "file"
   },
   prefetch: {
     prefetchAll: true

src/components/Popup.astro

@@ -11,6 +11,7 @@
 </div>
 
 <script>
+
   const popup = document.querySelector(".state-popup") as HTMLElement;
   const popupStateName = document.querySelector(".state-popup__name") as HTMLElement;
   const popupStateInfo = document.querySelector(".state-popup__info") as HTMLElement;
@@ -44,35 +45,37 @@
     const clickX = event.pageX;
     const clickY = event.pageY;
 
-    let left = clickX - popupWidth / 2;
-    let top = clickY - popupHeight / 2;
+    let left = clickX - (popupWidth / 2);
+    let top = clickY - (popupHeight / 2);
 
     if (left + popupWidth > viewportWidth + scrollX - 20) {
-      left = viewportWidth + scrollX - popupWidth - 20;
+        left = viewportWidth + scrollX - popupWidth - 20;
     }
     if (left < scrollX + 20) {
-      left = scrollX + 20;
+        left = scrollX + 20;
     }
 
     if (top + popupHeight > viewportHeight + scrollY - 20) {
-      top = clickY - popupHeight - 20;
+        top = clickY - popupHeight - 20;
     }
     if (top < scrollY + 20) {
-      top = scrollY + 20;
+        top = scrollY + 20;
     }
 
     popup.style.left = `${left}px`;
     popup.style.top = `${top}px`;
+    
 
     requestAnimationFrame(() => {
-      popup.style.opacity = "1";
+        popup.style.opacity = "1";
     });
-  }
+}
+
 
-  document.addEventListener("showStatePopup", ((e: CustomEvent) => {
+document.addEventListener("showStatePopup", ((e: CustomEvent) => {
     const { event, stateInfo } = e.detail;
     showPopup(event, stateInfo);
-  }) as EventListener);
+}) as EventListener);
 
   closePopup?.addEventListener("click", () => {
     popup.style.display = "none";
@@ -99,7 +102,7 @@
     const stateName = popupStateName.textContent;
     if (stateName) {
       const stateUrl = stateName.replace(/\s+/g, "").toLowerCase();
-      window.location.href = `/map/${stateUrl}`;
+      window.location.href = `/mapPages/${stateUrl}`;
     }
   });
 

src/pages/map.astro

@@ -3,6 +3,7 @@ import "@/assets/styles/map/popup.css";
 import IndiaMap from "@/components/IndiaMap.astro";
 import Popup from "@/components/Popup.astro";
 import BaseLayout from "@/layouts/Base";
+import "@/assets/styles/map/map.css";
 ---
 
 <BaseLayout meta={{ title: "Explore Dances of India" }}>