41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
"use client";
|
|
|
|
import React, { useState, useEffect } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
|
|
export default function Zone({ params }) {
|
|
const router = useRouter();
|
|
|
|
const [isInOtherApp, setIsInOtherApp] = useState(false);
|
|
|
|
useEffect(() => {
|
|
const userAgent = navigator.userAgent.toLowerCase();
|
|
let temIsInOtherApp =
|
|
userAgent.match(/MicroMessenger/i) == "micromessenger" ||
|
|
userAgent.match(/WeiBo/i) == "weibo" ||
|
|
(userAgent.indexOf("qq") !== -1 &&
|
|
userAgent.indexOf("mqqbrowser") === -1) ||
|
|
/alipay/gi.test(userAgent) ||
|
|
userAgent.indexOf("dingtalk") !== -1;
|
|
if (temIsInOtherApp) {
|
|
setIsInOtherApp(true);
|
|
return;
|
|
}
|
|
router.replace(`https://tiefen.space/zone/${params?.user_id}`);
|
|
}, []);
|
|
|
|
return (
|
|
<section className="flex flex-col flex-1 bg-white z-30">
|
|
{isInOtherApp && (
|
|
<div className="p-4">
|
|
<img
|
|
className="w-full"
|
|
src={process.env.NEXT_PUBLIC_CDN_URL + "/public/images/escape.png"}
|
|
alt=""
|
|
/>
|
|
</div>
|
|
)}
|
|
</section>
|
|
);
|
|
}
|