shaily/KAFM-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Building Owner and Property Manager Screens are added

Browse Source
This commit is contained in:
Shaily Mishra
2026-07-16 18:09:03 +05:30
parent 104f8f7abf
commit 3222da96ab
22 changed files with 516 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
components/dashboard/dashboard.tsx
View File

@@ -1,23 +1,20 @@
import { Check } from 'lucide-react';
import Navbar from "@/components/dashboard/navbar";
import BarChart from "@/components/dashboard/barchart";
import StatCard from "@/components/dashboard/statCard";
import BarChart from "@/utils/barchart";
import StatCard from "@/utils/dashStatCard";
import ActivityFeed from "@/components/dashboard/activityFeed";
import {activities, chartData} from "@/constants/constant"
import { Card } from '@/components/dashboard/cardWrapper';
import {CardHeader} from '@/components/dashboard/cardHeader';
import {ProgressBarRow }from '@/components/dashboard/progressBarRow';
import {StatusProgressRow} from '@/components/dashboard/statusProgressRow';
import { Card } from '@/utils/cardWrapper';
import {CardHeader} from '@/utils/cardHeader';
import {ProgressBarRow }from '@/utils/progressBarRow';
import {StatusProgressRow} from '@/utils/statusProgressRow';
export default function Dashboard() {
return (
<div >
<hr className="border-[#142538]" />
<main className=" pt-8 bg-[#071321] text-[#93a3b8] font-sans antialiased" >
{/* Title Section */}
<div className="flex items-start justify-between">
@@ -43,21 +40,44 @@ export default function Dashboard() {
</div>
{/* 4 Cards Grid */}
<div className="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2">
<div className="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-2">
<StatCard title="Open Requests" value={14} subtitle="+4 overdue" progress={70} color="teal" />
<StatCard title="Checklists Due" value={6} subtitle="of 10 scheduled" progress={60} color="amber" />
<StatCard title="PPM Attention" value={4} subtitle="assets off-plan" progress={40} color="rose" />
<StatCard title="PPM Attention" value={3} subtitle="assets off-plan" progress={40} color="rose" />
<StatCard title="Assets Tracked" value={8} subtitle="across blocks" progress={65} color="emerald" />
</div>
{/* Lower Row Grid */}
<div className=" mt-4 grid grid-cols-1 lg:grid-cols-12 gap-4">
<div className="lg:col-span-7">
<BarChart data={chartData} />
<div className="mt-4 grid grid-cols-1 lg:grid-cols-12 gap-4">
{/* Left Side: TFM Requests Bar Chart (7-Columns Wide) */}
<div className="lg:col-span-7 flex flex-col">
<div className="rounded-xl border
border-[#14253d] bg-[#0c1a2c] p-2 flex flex-col justify-between h-full">
<div className="flex items-center justify-between mb-4">
<h3 className="text-sm font-semibold text-white tracking-wide">TFM requests · monthly</h3>
<span className="text-xs font-mono text-gray-500 tracking-wider">2026 · auto-refresh 60s</span>
</div>
<hr className="border-[#14253d] mb-6" />
<div className="flex-grow flex flex-col justify-end">
<BarChart data={chartData} />
</div>
</div>
</div>
<div className="lg:col-span-5">
<ActivityFeed activities={activities} />
{/* Right Side: Recent Activity Feed (5-Columns Wide) */}
<div className="lg:col-span-5 flex flex-col">
<div className="rounded-xl border border-[#14253d] bg-[#0c1a2c] p-5 flex flex-col h-full">
<div className="mb-4">
<h3 className="text-sm font-semibold text-white tracking-wide">Recent activity</h3>
</div>
<hr className="border-[#14253d] mb-2" />
<div className="flex-grow overflow-y-auto">
<ActivityFeed activities={activities} />
</div>
</div>
</div>
</div>