fix logout

src/App.jsx

@@ -13,7 +13,7 @@ function App() {
   const dispatch = useDispatch();
   const { activeView, activeSpace, activeRoom, searchQuery, isSettings } =
     useSelector((state) => state.app);
-  const { isAuthenticated, initialized, loading } = useSelector((state) => state.auth);
+  const { isAuthenticated, initialized, loading, isLoggingOut } = useSelector((state) => state.auth);
 
   useEffect(() => {
     if (window.location.pathname !== "/") {
@@ -26,7 +26,7 @@ function App() {
 
   const currentView = isSettings ? "settings" : activeView;
 
-  if (!initialized) {
+  if (!initialized || isLoggingOut) {
     return (
       <div className="w-screen h-screen flex items-center justify-center bg-linear-to-br from-white via-indigo-100 to-blue-200">
         <div className="w-10 h-10 border-4 border-indigo-200 border-t-indigo-500 rounded-full animate-spin" />

src/store/slices/authSlice.js

@@ -112,7 +112,13 @@ export const register = createAsyncThunk(
 );
 
 export const logout = createAsyncThunk("auth/logout", async () => {
-  // Fire-and-forget: clear client state immediately, let API run in background
+  // Gọi API logout TRƯỚC khi xóa token
+  try {
+    await authService.logout();
+  } catch {
+    // Ignore API errors — vẫn tiếp tục xóa local state
+  }
+
   clearAccessToken();
   localStorage.removeItem("refreshToken");
   localStorage.removeItem("auth_user");
@@ -120,12 +126,6 @@ export const logout = createAsyncThunk("auth/logout", async () => {
   localStorage.removeItem("userBio");
   localStorage.removeItem("userAvatar");
   localStorage.removeItem("usernameColor");
-
-  try {
-    authService.logout();
-  } catch {
-    // Ignore API errors
-  }
 });
 
 export const fetchProfile = createAsyncThunk(
@@ -206,7 +206,16 @@ const authSlice = createSlice({
         state.loading = false;
         state.error = action.payload;
       })
+      .addCase(logout.pending, (state) => {
+        state.isLoggingOut = true;
+      })
       .addCase(logout.fulfilled, (state) => {
+        state.isLoggingOut = false;
+        state.user = null;
+        state.isAuthenticated = false;
+      })
+      .addCase(logout.rejected, (state) => {
+        state.isLoggingOut = false;
         state.user = null;
         state.isAuthenticated = false;
       })