fixes

Author: alanthai

client/src/pages/products/ad-action/AdAction.module.css

@@ -9,7 +9,6 @@
   line-height: 1;
 
   cursor: pointer;
-  display: flex;
   align-items: center;
   justify-content: center;
   display: none;

client/src/pages/products/ad-action/AdAction.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from "preact/hooks";
+import { useEffect, useRef, useState } from "preact/hooks";
 import { Button } from "../../../design/button/Button";
 import styles from "./global-modal.module.css";
 import localStyles from "./AdAction.module.css";
@@ -11,7 +11,9 @@ export interface AdActionProps {
 
 export function AdAction({ url, label }: AdActionProps) {
   const dialogRef = useRef<HTMLDialogElement>(null);
+  const iframeRef = useRef<HTMLIFrameElement>(null);
   const scrollPositionRef = useRef(0);
+  const [iframeKey, setIframeKey] = useState(0); // To force iframe reload on each open
 
   const handleOpenModal = () => {
     // Save current scroll position
@@ -22,6 +24,10 @@ export function AdAction({ url, label }: AdActionProps) {
     document.body.classList.add("modal-open");
 
     dialogRef.current?.showModal();
+    iframeRef.current?.contentWindow?.postMessage(
+      { type: "bolt-gaming-start-ads" },
+      "*",
+    );
   };
 
   const handleCloseModal = () => {
@@ -31,6 +37,8 @@ export function AdAction({ url, label }: AdActionProps) {
     document.body.classList.remove("modal-open");
     document.body.style.top = "";
     window.scrollTo(0, scrollPositionRef.current);
+
+    setIframeKey((prev) => prev + 1);
   };
 
   useEffect(() => {
@@ -80,6 +88,8 @@ export function AdAction({ url, label }: AdActionProps) {
           Close Demo <Close size={20} />
         </button>
         <iframe
+          key={iframeKey}
+          ref={iframeRef}
           src={url}
           className={localStyles.iframe}
           sandbox="allow-scripts allow-same-origin allow-forms"

client/src/pages/sdks/DeveloperSDKs.tsx

@@ -34,7 +34,8 @@ export function DevelopmentSDKs() {
             action={
               <LinkButton
                 href="https://github.com/BoltApp/bolt-unity-sdk"
-                target="_blank">
+                target="_blank"
+                rel="noopener noreferrer">
                 Go to Unity SDK
               </LinkButton>
             }
@@ -55,7 +56,8 @@ export function DevelopmentSDKs() {
             action={
               <LinkButton
                 href="https://github.com/BoltApp/bolt-frontend-sdk"
-                target="_blank">
+                target="_blank"
+                rel="noopener noreferrer">
                 Go to TypeScript SDK
               </LinkButton>
             }