fix(style): fix SensitivePage css and take down aiTeacher (#2199)

Author: hqer927

packages/flat-pages/src/HomePage/MainRoomMenu/index.tsx

@@ -2,18 +2,18 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import "./MainRoomMenu.less";
 
-import React, { FC, useContext, useMemo } from "react";
+import React, { FC, useContext } from "react";
 import { Col, Row } from "antd";
 import { Region } from "flat-components";
-import { AILanguage, AIRole, AIScene, RoomType } from "@netless/flat-server-api";
+import { RoomType } from "@netless/flat-server-api";
 import { GlobalStoreContext, RoomStoreContext } from "../../components/StoreProvider";
 import { RouteNameType, usePushHistory } from "../../utils/routes";
 import { CreateRoomBox } from "./CreateRoomBox";
 import { JoinRoomBox } from "./JoinRoomBox";
 import { ScheduleRoomBox } from "./ScheduleRoomBox";
 import { joinRoomHandler } from "../../utils/join-room-handler";
 import { errorTips } from "flat-components";
-import CreateAIRoomBox from "./CreateAIRoomBox";
+// import CreateAIRoomBox from "./CreateAIRoomBox";
 export const MainRoomMenu: FC = () => {
     const roomStore = useContext(RoomStoreContext);
     const globalStore = useContext(GlobalStoreContext);
@@ -27,27 +27,27 @@ export const MainRoomMenu: FC = () => {
         }
     };
 
-    const AIRoomBox = useMemo(() => {
-        const isCnWeb = window.location.host.includes(".apprtc.cn");
-        if (!isCnWeb) {
-            return <CreateAIRoomBox onCreateRoom={createAIRoom} />;
-        }
-        return null;
-    }, [window.location.host]);
+    // const AIRoomBox = useMemo(() => {
+    //     const isCnWeb = window.location.host.includes(".apprtc.cn");
+    //     if (!isCnWeb) {
+    //         return <CreateAIRoomBox onCreateRoom={createAIRoom} />;
+    //     }
+    //     return null;
+    // }, [window.location.host]);
 
     return (
         <div className="main-room-menu-container">
             <Row gutter={24}>
-                <Col span={6}>
+                <Col span={8}>
                     <JoinRoomBox onJoinRoom={onJoinRoom} />
                 </Col>
-                <Col span={6}>
+                <Col span={8}>
                     <CreateRoomBox onCreateRoom={createOrdinaryRoom} />
                 </Col>
-                <Col span={6}>
+                <Col span={8}>
                     <ScheduleRoomBox />
                 </Col>
-                <Col span={6}>{AIRoomBox}</Col>
+                {/* <Col span={6}>{AIRoomBox}</Col> */}
             </Row>
         </div>
     );
@@ -67,32 +67,6 @@ export const MainRoomMenu: FC = () => {
                 pmi: !!pmi,
             });
 
-            await onJoinRoom(roomUUID);
-        } catch (e) {
-            errorTips(e);
-        }
-    }
-    async function createAIRoom(
-        title: string,
-        type: RoomType,
-        region: Region,
-        role: AIRole,
-        scene: AIScene,
-        language: AILanguage,
-    ): Promise<void> {
-        try {
-            const roomUUID = await roomStore.createAIRoom({
-                title,
-                type,
-                beginTime: Date.now(),
-                region,
-                pmi: false,
-                isAI: true,
-                role,
-                scene,
-                language,
-            });
-
             await onJoinRoom(roomUUID);
         } catch (e) {
             errorTips(e);

packages/flat-pages/src/SensitivePage/index.tsx

@@ -142,6 +142,13 @@ export const SensitivePage = observer(function SensitivePage() {
         [t],
     );
 
+    useEffect(() => {
+        document.getElementById("app")?.style.setProperty("overflow-y", "scroll");
+        return () => {
+            document.getElementById("app")?.style.removeProperty("overflow-y");
+        };
+    }, []);
+
     if (!token) {
         return <Redirect to="/login" />;
     }