import { ReactNode, useEffect } from 'react';
import { Navigate, useLocation } from 'react-router-dom';
import { useAuthStore } from '@/stores/authStore';
import { authApi } from '@/api/auth';

export default function RequireAuth({ children }: { children: ReactNode }) {
  const { accessToken, profile, setProfile, clear } = useAuthStore();
  const location = useLocation();

  useEffect(() => {
    if (accessToken && !profile) {
      authApi.me().then(setProfile).catch(() => clear());
    }
  }, [accessToken, profile, setProfile, clear]);

  if (!accessToken) {
    return <Navigate to="/login" state={{ from: location.pathname }} replace />;
  }
  return <>{children}</>;
}