import { useEffect, useState } from 'react'; import Head from 'next/head'; import Link from 'next/link'; /** * Simple Agent Offers Dashboard * Lists all offers for properties owned by the agent. */ export default function AgentOffers() { const [offers, setOffers] = useState([]); const agentId = 1; // TODO: replace with actual logged‑in agent ID useEffect(() => { fetch(`/api/offers/agent/${agentId}`) .then((res) => res.json()) .then(setOffers) .catch(console.error); }, []); const handleAction = async (id: number, action: 'accept' | 'reject') => { const res = await fetch(`/api/offers/${id}/${action}`, { method: 'POST', }); if (res.ok) { setOffers((prev) => prev.map((o) => (o.id === id ? { ...o, status: action === 'accept' ? 'accepted' : 'rejected' } : o))); } else { alert('Action failed'); } }; return ( <> Agent Offers Dashboard

Offers for My Properties

{offers.length === 0 ? (

No offers yet.

) : ( {offers.map((o) => ( ))}
ID Property Client Price Status Actions
{o.id} {o.property?.title ?? 'N/A'} {o.client?.name ?? 'N/A'} {o.offeredPrice} {o.status} {o.status === 'pending' && ( <> )}
)} Create New Property
); }