Changes Completed in Overview
This commit is contained in:
@@ -3,32 +3,33 @@ import { Check } from 'lucide-react';
|
||||
import BarChart from "@/components/charts/barchart";
|
||||
import StatCard from "@/components/common/dashStatCard";
|
||||
import ActivityFeed from "@/components/dashboard/overview/activityFeed";
|
||||
import {activities, chartData} from "@/constants/constant"
|
||||
import {activities, chartData, schedulePerformanceHeaders, schedulePerformanceRows} from "@/constants/constant"
|
||||
import { Card } from '@/components/common/cardWrapper';
|
||||
import {CardHeader} from '@/components/common/cardHeader';
|
||||
import {ProgressBarRow }from '@/components/charts/progressBarRow';
|
||||
import {StatusProgressRow} from '@/components/charts/statusProgressRow';
|
||||
import Table from '@/components/common/dataTable';
|
||||
|
||||
export default function Dashboard() {
|
||||
|
||||
|
||||
return (
|
||||
<div >
|
||||
<hr className="border-[#142538]" />
|
||||
<main className=" pt-8 bg-[#071321] text-[#93a3b8] font-sans antialiased" >
|
||||
<div className='my-15 font-sans antialiased' >
|
||||
|
||||
{/* Title Section */}
|
||||
<div className="flex items-start justify-between">
|
||||
<div>
|
||||
<div className="flex items-center gap-2
|
||||
text-xs font-bold uppercase tracking-widest text-teal-500 mt-8">
|
||||
text-xs font-bold uppercase tracking-widest text-teal-500">
|
||||
<span>Apple One — HQ Tower</span>
|
||||
<span className="text-gray-600">·</span>
|
||||
<span className="text-gray-400">Tenant</span>
|
||||
<span className="text-gray-600">·</span>
|
||||
<span className="text-gray-400">Apple One</span>
|
||||
</div>
|
||||
<h1 className="text-2xl font-bold text-white tracking-tight">Operations dashboard</h1>
|
||||
<p className="mt-2 text-sm text-gray-400 max-w-xl leading-relaxed">
|
||||
<h1 className="text-2xl
|
||||
font-bold text-white tracking-tight">Operations dashboard</h1>
|
||||
<p className="text-sm font-medium text-slate-400 mt-2 max-w-xl leading-relaxed">
|
||||
Live snapshot scoped to Apple One. The layout below is the dashboard published for this tenant in Administration.
|
||||
</p>
|
||||
</div>
|
||||
@@ -87,35 +88,7 @@ export default function Dashboard() {
|
||||
<div className="lg:col-span-7">
|
||||
<Card>
|
||||
<CardHeader title="Schedule performance • MMR" subtitle="ppm & amc" />
|
||||
<div className="overflow-x-auto mt-2">
|
||||
<table className=" text-left border-collapse">
|
||||
<thead>
|
||||
<tr className="text-[#4b5f7a] text-xs font-bold uppercase tracking-wider border-b border-[#1b2b41]/40 pb-3">
|
||||
<th className="pb-3">Schedule</th>
|
||||
<th className="pb-3 text-right">Total</th>
|
||||
<th className="pb-3 text-right">Done</th>
|
||||
<th className="pb-3 text-right">On Time</th>
|
||||
<th className="pb-3 text-right">Delayed</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="divide-y divide-[#1b2b41]/30 text-sm font-semibold">
|
||||
<tr className="hover:bg-[#11233a]/25 transition-colors">
|
||||
<td className="py-4 text-white">PPM</td>
|
||||
<td className="py-4 text-right text-slate-300">24</td>
|
||||
<td className="py-4 text-right text-slate-300">19</td>
|
||||
<td className="py-4 text-right text-slate-300">17</td>
|
||||
<td className="py-4 text-right text-red-500">2</td>
|
||||
</tr>
|
||||
<tr className="hover:bg-[#11233a]/25 transition-colors">
|
||||
<td className="py-4 text-white">AMC</td>
|
||||
<td className="py-4 text-right text-slate-300">8</td>
|
||||
<td className="py-4 text-right text-slate-300">6</td>
|
||||
<td className="py-4 text-right text-slate-300">6</td>
|
||||
<td className="py-4 text-right text-slate-400">0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<Table headers={schedulePerformanceHeaders} rows={schedulePerformanceRows}/>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
@@ -204,7 +177,7 @@ export default function Dashboard() {
|
||||
</Card>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user