Changes Completed in Overview

This commit is contained in:
2026-07-28 14:45:34 +05:30
parent 954de712a7
commit b8e833dbb9
70 changed files with 207 additions and 214 deletions

View File

@@ -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>
);
}