feat: leave voice while logout

src/common/hook/useLogout.ts

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useDispatch } from "react-redux";
 import { resetFootprint } from "../../app/slices/footprint";
 import { resetChannels } from "../../app/slices/channels";
@@ -8,6 +9,7 @@ import { resetReactionMessage } from "../../app/slices/message.reaction";
 import { resetFileMessage } from "../../app/slices/message.file";
 import { resetMessage } from "../../app/slices/message";
 import { useLazyLogoutQuery } from "../../app/services/auth";
+import { updateVoicingInfo } from '../../app/slices/voice';
 export default function useLogout() {
   const dispatch = useDispatch();
   const [logout, { isLoading, isSuccess }] = useLazyLogoutQuery();
@@ -22,5 +24,15 @@ export default function useLogout() {
     dispatch(resetFileMessage());
   };
 
+  useEffect(() => {
+    if (isSuccess) {
+      // 清理当前voicing上下文
+      if (window.VOICE_CLIENT) {
+        window.VOICE_CLIENT.leave();
+        dispatch(updateVoicingInfo(null));
+      }
+    }
+  }, [isSuccess]);
+
   return { clearLocalData, logout, exited: isSuccess, exiting: isLoading };
 }