62 lines
2.5 KiB
TypeScript
62 lines
2.5 KiB
TypeScript
import { Head, Link } from "@inertiajs/react";
|
||
import { Hammer, Home, ArrowLeft } from "lucide-react";
|
||
import { Button } from "@/Components/ui/button";
|
||
import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
|
||
|
||
interface Props {
|
||
featureName?: string;
|
||
}
|
||
|
||
export default function UnderConstruction({ featureName = "此功能" }: Props) {
|
||
return (
|
||
<AuthenticatedLayout breadcrumbs={[
|
||
{ label: '系統訊息', href: '#' },
|
||
{ label: '功能製作中', isPage: true }
|
||
] as any}>
|
||
<Head title="功能製作中" />
|
||
|
||
<div className="flex flex-col items-center justify-center min-h-[70vh] px-4 text-center">
|
||
<div className="relative mb-8">
|
||
<div className="absolute inset-0 bg-primary/10 rounded-full animate-ping opacity-25"></div>
|
||
<div className="relative bg-white p-8 rounded-full shadow-xl border-4 border-primary/20">
|
||
<Hammer className="h-20 w-20 text-primary-main animate-bounce" />
|
||
</div>
|
||
</div>
|
||
|
||
<h1 className="text-3xl font-bold text-gray-900 mb-4">
|
||
{featureName} 正在趕工中！
|
||
</h1>
|
||
|
||
<p className="text-gray-500 max-w-md mb-10 text-lg leading-relaxed">
|
||
我們正在努力完善這個功能，以提供更優質的體驗。
|
||
這部分可能涉及與其他系統的深度整合，請稍候片刻。
|
||
</p>
|
||
|
||
<div className="flex flex-col sm:flex-row gap-4">
|
||
<Button
|
||
variant="outline"
|
||
size="lg"
|
||
className="button-outlined-primary gap-2 min-w-[150px]"
|
||
onClick={() => window.history.back()}
|
||
>
|
||
<ArrowLeft className="h-5 w-5" /> 返回上一頁
|
||
</Button>
|
||
<Link href={route('dashboard')}>
|
||
<Button
|
||
variant="default"
|
||
size="lg"
|
||
className="button-filled-primary gap-2 min-w-[150px]"
|
||
>
|
||
<Home className="h-5 w-5" /> 回到首頁
|
||
</Button>
|
||
</Link>
|
||
</div>
|
||
|
||
<div className="mt-16 text-sm text-gray-400 font-mono">
|
||
Coming Soon | Star ERP Design System
|
||
</div>
|
||
</div>
|
||
</AuthenticatedLayout>
|
||
);
|
||
}
|