update:更新

src/app/[locale]/(TabBar)/sports/SportsClient copy 2.tsx

@@ -0,0 +1,128 @@
+"use client";
+import { GameInfo } from "@/api/home";
+import { useRouter } from "@/i18n/routing";
+import { server } from "@/utils/client";
+import { useTranslations } from "next-intl";
+import Script from "next/script";
+import { FC, useEffect, useRef,useState } from "react";
+
+interface Props {
+    brand_id: string;
+    token: string;
+}
+//  dedprz | deepwin365 | damslots | chips |   deloro-casino
+const SportsClient: FC<Props> = (props) => {
+    const t = useTranslations("ProfilePage");
+    const { brand_id, token } = props;
+    const [currentToken, setCurrentToken] = useState(token);
+
+
+    const btRef = useRef(null);
+    const router = useRouter();
+
+    useEffect(() => {
+      // @ts-ignore
+      if (window.BTRenderer) {
+        onLoad();
+      }
+      
+      // 离开体育页的时候需要kill掉
+      return () => {
+          // @ts-ignore
+          btRef.current?.kill();
+      };
+    }, []);
+
+    useEffect(() => {
+      updateToken(token);
+      // return () => {
+      //     // @ts-ignore
+      //     btRef.current?.kill();
+      // };
+    }, [token]);
+
+
+    const getGameDetailApi = async () => {
+        const data = await server
+            .request<GameInfo>({
+                url: "/v1/api/front/game_info_by_id",
+                method: "post",
+                data: { id: "sportsBet", mode: 1 },
+            })
+            .then((res) => {
+                if (res.code === 200) {
+                  setCurrentToken(res.data.game_url)
+                  return res.data.game_url;
+                } else {
+                  return "";
+                }
+            });
+        return data;
+    };
+
+    const onLoad = (type?:string) => {
+        // @ts-ignore
+        const bt = new BTRenderer();
+        btRef.current = bt;
+        if(type==='updateToken'){
+          bt.updateOptions({url:'/'})
+          return
+        }
+        bt.initialize({
+            brand_id: brand_id,
+            token: token,//使用最新的token
+            onTokenExpired: getGameDetailApi, //过期自动更新token
+            onSessionRefresh: () => {
+              // 销毁之前的实例并等待刷新完成
+              if(btRef.current){
+                // @ts-ignore
+                btRef.current?.kill();
+              }
+              
+              router.refresh()
+            },
+            themeName: "default",
+            lang: "pt-br",
+            target: document.getElementById("betby"),
+            betSlipOffsetBottom: 80,
+            // betSlipOffsetRight: 750,
+
+            betSlipZIndex: 1000,
+            stickyTop: 0,
+            betSlipOffsetTop: 50,
+            onRecharge: function () {
+                router.push("/deposit");
+            },
+            onRouteChange: function () {
+            },
+            onLogin: function () {},
+            onRegister: function () {},
+            onBetSlipStateChange: function () {},
+        });
+    };
+
+    
+    const updateToken = (token: string) => {
+      // @ts-ignore
+        console.log("token===>333",window.BTRenderer,token,currentToken)
+        if(currentToken!== token){
+          setCurrentToken(token);
+        }
+
+        // @ts-ignore
+        if (window.BTRenderer) {
+          onLoad('updateToken');
+        }
+    }
+
+
+    return (
+        <>    
+          <div id="betby" className={"h-[100%]"}></div>
+
+          <Script src={"https://ui.invisiblesport.com/bt-renderer.min.js"} onLoad={onLoad} />
+        </>
+    );
+};
+
+export default SportsClient;

src/app/[locale]/(TabBar)/sports/SportsClient.tsx

@@ -20,27 +20,27 @@ const SportsClient: FC<Props> = (props) => {
     const btRef = useRef(null);
     const router = useRouter();
 
-    // useEffect(() => {
-    //   // @ts-ignore
-    //   if (window.BTRenderer) {
-    //     onLoad();
-    //   }
+
+    useEffect(() => {
+      // @ts-ignore
+      if (window.BTRenderer) {
+        onLoad();
+      }
       
-    //   return () => {
-    //       // @ts-ignore
-    //       btRef.current?.kill();
-    //   };
-    // }, []);
+      // 离开体育页的时候需要kill掉
+      return () => {
+          // @ts-ignore
+          btRef.current?.kill();
+      };
+    }, []);
 
     useEffect(() => {
-      updateToken(token);
-      // return () => {
-      //     // @ts-ignore
-      //     btRef.current?.kill();
-      // };
+      // 如果token更新了才调用update
+      if( currentToken !== token){
+        updateToken(token);
+      }
     }, [token]);
 
-
     const getGameDetailApi = async () => {
         const data = await server
             .request<GameInfo>({
@@ -59,15 +59,28 @@ const SportsClient: FC<Props> = (props) => {
         return data;
     };
 
+    const updateToken = (newToken: string) => {
+      // @ts-ignore
+        if(currentToken!== newToken){
+          setCurrentToken(newToken);
+        }
+        // @ts-ignore
+        if (window.BTRenderer) {
+          onLoad();
+        }
+    }
+
     const onLoad = () => {
         // @ts-ignore
         const bt = new BTRenderer();
         btRef.current = bt;
+        // bt.updateOptions({url:'/'})
         bt.initialize({
             brand_id: brand_id,
             token: token,//使用最新的token
             onTokenExpired: getGameDetailApi, //过期自动更新token
             onSessionRefresh: () => {
+              
               // 销毁之前的实例并等待刷新完成
               if(btRef.current){
                 // @ts-ignore
@@ -97,18 +110,7 @@ const SportsClient: FC<Props> = (props) => {
     };
 
     
-    const updateToken = (token: string) => {
-      // @ts-ignore
-        console.log("token===>333",window.BTRenderer,token,currentToken)
-        // if(currentToken!== token){
-          setCurrentToken(token);
-        // }
-
-        // @ts-ignore
-        if (window.BTRenderer) {
-          onLoad();
-        }
-    }
+    
 
 
     return (