36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
'use client';
|
|
|
|
import { useEffect, useState } from 'react';
|
|
import { useRouter } from 'next/navigation';
|
|
import Shell from '../../components/Shell';
|
|
|
|
export default function WaitingPage() {
|
|
const [progress, setProgress] = useState(8);
|
|
const router = useRouter();
|
|
|
|
useEffect(() => {
|
|
const t = setInterval(() => {
|
|
setProgress((p) => Math.min(p + 12, 100));
|
|
}, 600);
|
|
const done = setTimeout(() => {
|
|
const sid = typeof window !== 'undefined' ? localStorage.getItem('lingjing_sid') : '';
|
|
router.push(`/report-preview?sid=${encodeURIComponent(sid || '')}`);
|
|
}, 5000);
|
|
return () => {
|
|
clearInterval(t);
|
|
clearTimeout(done);
|
|
};
|
|
}, [router]);
|
|
|
|
return (
|
|
<Shell title="正在生成你的灵镜报告" subtitle="正在整理你的回答与关键线索，请稍候。">
|
|
<div className="card p-6">
|
|
<div className="h-2 w-full overflow-hidden rounded-full bg-neutral-200">
|
|
<div className="h-full rounded-full bg-black transition-all" style={{ width: `${progress}%` }} />
|
|
</div>
|
|
<p className="mt-3 text-sm text-neutral-600">{progress}%</p>
|
|
</div>
|
|
</Shell>
|
|
);
|
|
}
|