fix: small

src/ui/WaitRoom/index.tsx

@@ -64,9 +64,10 @@ export const Component: React.FC = () => {
   const navigate = useNavigate();
 
   useEffect(() => {
-    if (room.stage == RoomStage.DUEL_START) {
+    if (room.stage === RoomStage.DUEL_START) {
       // 决斗开始，跳转决斗页面
       navigate("/duel");
+      // TODO: 重置房间状态(也可能是在这个页面的loader之中重置，就看是进房间重置还是离开时重置，可能需要考虑意外离开的情况)
     }
   }, [room.stage]);
 
@@ -104,7 +105,7 @@ export const Component: React.FC = () => {
                 player={me}
                 avatar={user?.avatar_url}
                 btn={
-                  room.stage == RoomStage.WAITING ? (
+                  room.stage === RoomStage.WAITING ? (
                     <Button
                       size="large"
                       className={styles["btn-join"]}
@@ -155,7 +156,7 @@ export const Component: React.FC = () => {
                 roomStore.stage = RoomStage.HAND_SELECTED;
               }}
               onTpSelect={(tp) => {
-                sendTpResult(tp == Tp.First);
+                sendTpResult(tp === Tp.First);
                 roomStore.stage = RoomStage.TP_SELECTED;
               }}
             />
@@ -186,7 +187,7 @@ const PlayerZone: React.FC<{
           src={
             avatar && player
               ? avatar
-              : player && player.state != PlayerState.LEAVE
+              : player && player.state !== PlayerState.LEAVE
               ? `${NeosConfig.assetsPath}/default-avatar.png`
               : ""
           }
@@ -197,7 +198,7 @@ const PlayerZone: React.FC<{
         )}
       </div>
       <div className={styles.name}>
-        {player && player.state != PlayerState.LEAVE ? (
+        {player && player.state !== PlayerState.LEAVE ? (
           player.name
         ) : (
           <Skeleton.Input size="small" />
@@ -248,14 +249,14 @@ const Controller: React.FC<{ onDeckChange: (deckName: string) => void }> = ({
         size="large"
         icon={<IconFont type="icon-record" size={18} />}
         onClick={() => {
-          if (snapRoom.selfType != SelfType.OBSERVER) {
+          if (snapRoom.selfType !== SelfType.OBSERVER) {
             sendHsToObserver();
           } else {
             sendHsToDuelList();
           }
         }}
       >
-        {snapRoom.selfType == SelfType.OBSERVER ? "加入决斗者" : "加入观战"}
+        {snapRoom.selfType === SelfType.OBSERVER ? "加入决斗者" : "加入观战"}
         <Avatar.Group className={styles["avatars-watch"]}>
           {Array.from({ length: snapRoom.observerCount }).map((_, idx) => (
             <Avatar
@@ -320,34 +321,34 @@ const ActionButton: React.FC<{
         <SpecialButton
           className={styles["btns-action"]}
           disabled={
-            stage != RoomStage.WAITING ||
-            (stage == RoomStage.WAITING && !isHost)
+            stage !== RoomStage.WAITING ||
+            (stage === RoomStage.WAITING && !isHost)
           }
           onClick={() => {
             sendHsStart();
           }}
         >
-          {stage == RoomStage.WAITING ? (
+          {stage === RoomStage.WAITING ? (
             <>
               <IconFont type="icon-play" size={12} />
               开始游戏
             </>
-          ) : stage == RoomStage.HAND_SELECTING ? (
+          ) : stage === RoomStage.HAND_SELECTING ? (
             <>
               <IconFont type="icon-mora" size={20} />
               <span>请猜拳</span>
             </>
-          ) : stage == RoomStage.HAND_SELECTED ? (
+          ) : stage === RoomStage.HAND_SELECTED ? (
             <>
               <LoadingOutlined />
               <span>等待对方猜拳</span>
             </>
-          ) : stage == RoomStage.TP_SELECTING ? (
+          ) : stage === RoomStage.TP_SELECTING ? (
             <>
               <IconFont type="icon-one" size={18} />
               <span>请选择先后手</span>
             </>
-          ) : stage == RoomStage.TP_SELECTED ? (
+          ) : stage === RoomStage.TP_SELECTED ? (
             <>
               <LoadingOutlined />
               <span>等待游戏开始</span>