34 lines
1.6 KiB
TypeScript
34 lines
1.6 KiB
TypeScript
import DashboardLayout from "@/components/DashboardLayout"
|
||
|
||
export default function AdminDashboard() {
|
||
return (
|
||
<DashboardLayout requiredRole="admin">
|
||
<div>
|
||
<h1 className="text-3xl font-bold text-gray-800 mb-6">Admin Dashboard</h1>
|
||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||
<div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
|
||
<div className="text-blue-600 text-3xl mb-2">👥</div>
|
||
<h3 className="text-gray-600 text-sm">Teams</h3>
|
||
<p className="text-2xl font-bold text-gray-800 mt-1">4</p>
|
||
</div>
|
||
<div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
|
||
<div className="text-green-600 text-3xl mb-2">👷</div>
|
||
<h3 className="text-gray-600 text-sm">Workers</h3>
|
||
<p className="text-2xl font-bold text-gray-800 mt-1">-</p>
|
||
</div>
|
||
<div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
|
||
<div className="text-purple-600 text-3xl mb-2">👔</div>
|
||
<h3 className="text-gray-600 text-sm">Shift Managers</h3>
|
||
<p className="text-2xl font-bold text-gray-800 mt-1">-</p>
|
||
</div>
|
||
<div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
|
||
<div className="text-orange-600 text-3xl mb-2">⚙️</div>
|
||
<h3 className="text-gray-600 text-sm">Machines</h3>
|
||
<p className="text-2xl font-bold text-gray-800 mt-1">7</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</DashboardLayout>
|
||
)
|
||
}
|