refactor(flat-pages): update styles (#2129)

- hide outline of copy invite code button
- show join early minutes by server config when room not begin

Author: hyrious

packages/flat-components/src/components/HomePage/RoomList/RoomListItem/style.less

@@ -87,6 +87,7 @@
     padding: 4px 8px;
     border: 0;
     border-radius: 4px;
+    outline: none;
     background-color: transparent;
     transition: background-color 0.2s;
     cursor: pointer;

packages/flat-i18n/locales/en.json

@@ -655,7 +655,7 @@
   "minutes": "{{minutes}} minutes",
   "room-not-begin-title-post": "before it starts",
   "room-has-been-added": "has been added to rooms list",
-  "the-room-is-not-started-yet": "Room not started, accessible 5 minutes before class starts",
+  "the-room-is-not-started-yet": "Room not started, accessible {{minutes}} minutes before class starts",
   "will-start-after-minutes": "In {{minutes}} minutes",
   "time-limit-tip": "This {{roomType}} room has a limit of {{minutes}} minutes",
   "vip-level": {

packages/flat-i18n/locales/zh-CN.json

@@ -655,7 +655,7 @@
   "minutes": "{{minutes}}分钟",
   "room-not-begin-title-post": "可进入",
   "room-has-been-added": "已加入房间列表",
-  "the-room-is-not-started-yet": "房间未开始，开课前 5 分钟可进入",
+  "the-room-is-not-started-yet": "房间未开始，开课前 {{minutes}} 分钟可进入",
   "will-start-after-minutes": "{{minutes}} 分钟后开始",
   "time-limit-tip": "你已加入{{roomType}} {{minutes}} 分钟限时房间",
   "vip-level": {

packages/flat-pages/src/utils/join-room-handler.ts

@@ -72,6 +72,14 @@ export const joinRoomHandler = async (
             return;
         }
 
+        // show room not started with custom {joinEarly} minutes
+        if (e.errorCode === RequestErrorCode.RoomNotBegin) {
+            const minutes = globalStore.serverRegionConfig?.server.joinEarly || 5;
+            void message.info(FlatI18n.t("the-room-is-not-started-yet", { minutes }));
+            pushHistory(RouteNameType.HomePage);
+            return;
+        }
+
         pushHistory(RouteNameType.HomePage);
         errorTips(e);
     }