fix: some styles

src/ui/WaitRoom/index.module.scss

@@ -54,9 +54,15 @@
     .inner {
       position: absolute;
       left: 0;
+      width: 150px;
+      height: 70px;
+      filter: blur(120px);
+      transition: 0.3s;
+    }
+    &.ready .inner {
       width: 250px;
       height: 100px;
-      filter: blur(120px);
+      filter: blur(100px) brightness(1.2) saturate(1.2);
     }
     &.me {
       box-shadow: -5px 0 20px 0 rgba(0, 115, 255, 0.15);

src/ui/WaitRoom/index.tsx

@@ -97,6 +97,7 @@ export const Component: React.FC = () => {
               who={Who.Me}
               player={me}
               avatar={user?.avatar_url}
+              ready={me?.state === PlayerState.READY}
               btn={
                 room.stage === RoomStage.WAITING ? (
                   <Button
@@ -138,6 +139,7 @@ export const Component: React.FC = () => {
                   key={idx}
                   who={Who.Op}
                   player={player}
+                  ready={op?.state === PlayerState.READY}
                   btn={
                     room.stage === RoomStage.WAITING ? null : (
                       <MoraAvatar
@@ -177,12 +179,17 @@ enum Who {
 // 玩家区域: 双方各有一个
 const PlayerZone: React.FC<{
   btn?: React.ReactNode; // 在内部右侧可以放一个按钮
-  who?: Who;
+  who: Who;
   player?: Player;
   avatar?: string; // 因为对手的头像目前不清楚如何获取，因此暂时这里作为一个参数传入
-}> = ({ btn, who, player, avatar }) => {
+  ready: boolean;
+}> = ({ btn, who, player, avatar, ready }) => {
   return (
-    <div className={classNames(styles["side-box"], who && styles[who])}>
+    <div
+      className={classNames(styles["side-box"], styles[who], {
+        [styles.ready]: ready,
+      })}
+    >
       <div className={styles.inner}></div>
       <div style={{ position: "relative" }}>
         <Avatar
@@ -358,7 +365,10 @@ const ActionButton: React.FC<{
               <span>等待游戏开始</span>
             </>
           ) : (
-            <></>
+            <>
+              <LoadingOutlined />
+              <span>等待游戏开始</span>
+            </>
           )}
         </SpecialButton>
       </TpPopover>