fixed code

src/context/AuthContext.jsx

@@ -1,4 +1,5 @@
 import { createContext, useContext, useState, useCallback } from "react";
+import { saveTokens, clearTokens, getAccessToken } from "../api/apiClient";
 
 const AuthContext = createContext(null);
 
@@ -6,6 +7,10 @@ const AuthContext = createContext(null);
  * AuthProvider — глобальный контекст аутентификации.
  * Хранит текущего пользователя и JWT-токен в localStorage.
  * Предоставляет методы login / logout / isAuthenticated.
+ *
+ * Токены (access + refresh) физически хранятся и читаются через apiClient —
+ * это единственный источник правды по ключам localStorage, чтобы контекст
+ * и apiFetch/refreshAccessToken не могли рассинхронизироваться.
  */
 export function AuthProvider({ children }) {
   const [user, setUser] = useState(() => {
@@ -17,20 +22,19 @@ export function AuthProvider({ children }) {
     }
   });
 
-  const [token, setToken] = useState(() => localStorage.getItem("token"));
+  const [token, setToken] = useState(() => getAccessToken());
 
-  /** Сохраняет данные пользователя и токен после успешного входа. */
-  const login = useCallback((userData, tokenStr) => {
+  /** Сохраняет данные пользователя и токены после успешного входа. */
+  const login = useCallback((userData, tokenStr, refreshTokenStr) => {
+    saveTokens(tokenStr, refreshTokenStr);
     localStorage.setItem("user", JSON.stringify(userData));
-    localStorage.setItem("token", tokenStr);
     setUser(userData);
     setToken(tokenStr);
   }, []);
 
-  /** Очищает все данные аутентификации. */
+  /** Очищает все данные аутентификации (access, refresh, user). */
   const logout = useCallback(() => {
-    localStorage.removeItem("user");
-    localStorage.removeItem("token");
+    clearTokens();
     setUser(null);
     setToken(null);
   }, []);
@@ -42,18 +46,18 @@ export function AuthProvider({ children }) {
   }, []);
 
   return (
-    <AuthContext.Provider
-      value={{
-        user,
-        token,
-        isAuthenticated: !!token,
-        login,
-        logout,
-        updateUser,
-      }}
-    >
-      {children}
-    </AuthContext.Provider>
+      <AuthContext.Provider
+          value={{
+            user,
+            token,
+            isAuthenticated: !!token,
+            login,
+            logout,
+            updateUser,
+          }}
+      >
+        {children}
+      </AuthContext.Provider>
   );
 }
 
@@ -64,4 +68,4 @@ export function useAuthContext() {
     throw new Error("useAuthContext must be used inside AuthProvider");
   }
   return ctx;
-}
+}

src/context/UnreadContext.jsx

@@ -6,7 +6,15 @@ export function UnreadProvider({ children }) {
   const [unreadMap, setUnreadMap] = useState({});
 
   const setChatUnread = useCallback((chatId, count) => {
-    setUnreadMap(prev => ({ ...prev, [chatId]: count }));
+    setUnreadMap(prev => {
+      if (count > 0) {
+        return { ...prev, [chatId]: count };
+      }
+      if (prev[chatId] === undefined) return prev;
+      const next = { ...prev };
+      delete next[chatId];
+      return next;
+    });
   }, []);
 
   const clearChatUnread = useCallback((chatId) => {
@@ -18,6 +26,11 @@ export function UnreadProvider({ children }) {
     });
   }, []);
 
+  /**
+   * Инициализирует/синхронизирует unreadMap из полного списка чатов
+   * (например, при первой загрузке через REST). Ожидает ПОЛНЫЙ список —
+   * чаты, отсутствующие в переданном массиве, не трогает.
+   */
   const updateFromChats = useCallback((chats) => {
     setUnreadMap(prev => {
       const next = { ...prev };
@@ -25,6 +38,8 @@ export function UnreadProvider({ children }) {
         const count = chat.unreadCount ?? chat.unreadMessages ?? 0;
         if (count > 0) {
           next[chat.id] = count;
+        } else {
+          delete next[chat.id];
         }
       }
       return next;
@@ -32,14 +47,14 @@ export function UnreadProvider({ children }) {
   }, []);
 
   const totalUnread = useMemo(() =>
-    Object.values(unreadMap).reduce((sum, c) => sum + c, 0),
-    [unreadMap]
+          Object.values(unreadMap).reduce((sum, c) => sum + c, 0),
+      [unreadMap]
   );
 
   return (
-    <UnreadContext.Provider value={{ unreadMap, totalUnread, setChatUnread, clearChatUnread, updateFromChats }}>
-      {children}
-    </UnreadContext.Provider>
+      <UnreadContext.Provider value={{ unreadMap, totalUnread, setChatUnread, clearChatUnread, updateFromChats }}>
+        {children}
+      </UnreadContext.Provider>
   );
 }
 
@@ -47,4 +62,4 @@ export function useUnread() {
   const ctx = useContext(UnreadContext);
   if (!ctx) throw new Error('useUnread must be used within UnreadProvider');
   return ctx;
-}
+}