'use client';
import { useState, useEffect, Suspense } from 'react';
import { useSearchParams } from 'next/navigation';
import { LoginModal } from './LoginModal';

function LoginTriggerInner() {
  const sp = useSearchParams();
  const [open, setOpen] = useState(false);

  useEffect(() => {
    if (sp.get('login') === '1') {
      setOpen(true);
    }
  }, [sp]);

  return <LoginModal open={open} onClose={() => setOpen(false)} />;
}

/** 读取 URL 中的 ?login=1 参数，自动弹出登录弹窗 */
export function HomeLoginTrigger() {
  return (
    <Suspense fallback={null}>
      <LoginTriggerInner />
    </Suspense>
  );
}