import Link from "next/link"; import { AlertIcon, ArrowUpRightIcon, Badge, BoltIcon, CalendarIcon, CarIcon, MessageIcon, Panel, ProgressBar, Sparkline, StatCard, WrenchIcon, } from "@/components/dashboard-ui"; import { OverviewPropertyFlicker } from "@/components/overview-property-flicker"; import { PropertyCareDashboard } from "@/components/property-care-dashboard"; import { PropertyDocumentVault } from "@/components/property-document-vault"; import { HideableTile } from "@/components/view-customiser"; import { YearlyCheckWheel } from "@/components/yearly-check-wheel"; import { actionItems, calendarEvents, collectionTrend, complianceItems, formatCompactCurrency, formatCurrency, formatDate, formatDateTime, formatPercent, getPropertyName, messageThreads, portfolioSnapshot, properties, residents, serviceModules, workOrders, } from "@/lib/property-data-uk"; const renewalPipeline = residents .filter((resident) => resident.status !== "Stable") .slice() .sort((a, b) => a.tenancyEnds.localeCompare(b.tenancyEnds)); const urgentOrders = workOrders.filter( (order) => order.status !== "Resolved" && (order.priority === "Critical" || order.priority === "High"), ); export function DashboardHome() { return (
} /> } /> } /> = 75 ? "success" : "amber"} icon={} />
Open finance } >

Rent trend

{formatCompactCurrency(portfolioSnapshot.monthlyRentRoll)}

Scheduled rent roll this month. Collection is tracking at{" "} {formatPercent(portfolioSnapshot.collectionRate)} with arrears concentrated in a few tenants.

Rent on track
point.collected)} tone="teal" />
{collectionTrend.map((point) => { const ratio = (point.collected / point.target) * 100; return (
{point.month} {formatCompactCurrency(point.collected)} /{" "} {formatCompactCurrency(point.target)}
97 ? "teal" : "amber"} />
); })}
{actionItems.map((item) => (
{item.owner} Due {formatDate(item.dueDate)}

{item.title}

{item.detail}

))}
{renewalPipeline.map((resident) => (

{resident.name}

{resident.unit} at {getPropertyName(resident.propertyId)}

Tenancy touchpoint: {formatDate(resident.tenancyEnds)}

0 ? "amber" : "teal"}> {resident.renewalStage}
))}
{urgentOrders.map((order) => (

{order.title}

{getPropertyName(order.propertyId)} · {order.unit}

{order.priority}

Assigned to {order.assignedTo} and last updated{" "} {formatDateTime(order.createdAt)}.

))}
{messageThreads.slice(0, 4).map((thread) => (

{thread.title}

{thread.participants}

{thread.unread} unread
))}
{calendarEvents.map((event) => (

{event.title}

{event.category}

{formatDate(event.date)} · {event.owner}

))}
{serviceModules.map((module, index) => (
{index % 2 === 0 ? : }

{module.title}

{module.adoption}

Live

{module.description}

))}
{complianceItems .filter((item) => item.status !== "Completed") .slice(0, 5) .map((item) => (

{item.title}

{getPropertyName(item.propertyId)} · {item.owner}

Due {formatDate(item.dueDate)}

{item.status}
))}
{[ "Portfolio and unit occupancy", "Tenancies, renewals, and move-ins", "Rent roll, arrears, and budgets", "Work orders and contractor SLAs", "Compliance, insurance, and certifications", "Tenant messages and announcements", "Parking permits, access, and EV charging", "Deposits, right to rent, and document packs", ].map((item) => (

{item}

))}
); }