another step

client/src/hooks/auth.ts

@@ -1,42 +1,13 @@
-import { useCallback, useEffect, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { useLocale } from 'next-intl';
-
-import { COOKIE_NAMES } from '@/lib/cookies';
-import { deleteClientCookie, getClientCookie } from '@/lib/cookies/client';
-import { ROUTES } from '@/constants';
-import { useAppStore } from '../store';
+import { useAuth } from '@/context/auth';
 
 /**
- * Returns true when an access_token cookie is present on the client.
- * Initialises as false (SSR-safe) and updates after mount to avoid hydration mismatches.
+ * True when the current session is authenticated.
+ *
+ * Reads AuthContext, which the root layout seeds from the request's access-token
+ * cookie on the server. The value is therefore correct on the first render — no
+ * post-mount cookie read, no hydration flash.
  */
-export function useIsAuthenticated() {
-  const [isAuthenticated, setIsAuthenticated] = useState(false);
-
-  useEffect(() => {
-    // SSR-safe: read the browser-only cookie once after mount so the server-rendered
-    // `false` reconciles on the client without a hydration mismatch. Deliberate setState.
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setIsAuthenticated(Boolean(getClientCookie(COOKIE_NAMES.ACCESS_TOKEN)));
-  }, []);
-
-  return isAuthenticated;
-}
-
-/**
- * Returns a handler that logs the current user out:
- * clears auth cookies, resets AppStore, and redirects to the login page.
- */
-export function useEventLogout() {
-  const [, dispatch] = useAppStore();
-  const router = useRouter();
-  const locale = useLocale();
-
-  return useCallback(() => {
-    deleteClientCookie(COOKIE_NAMES.ACCESS_TOKEN);
-    deleteClientCookie(COOKIE_NAMES.REFRESH_TOKEN);
-    dispatch({ type: 'LOG_OUT' });
-    router.replace(`/${locale}${ROUTES.LOGIN}`);
-  }, [dispatch, router, locale]);
+export function useIsAuthenticated(): boolean {
+  const [state] = useAuth();
+  return state.isAuthenticated;
 }