// AdView.js
return (
<>
<div className="container-fluid">
<div className="row mt-2">
<div className="col-lg-4 mt-2">
{/* ad.type ? House/Land for sell/rent */}
<button className="btn btn-primary disabled mt-5">
{ad.type ? ad.type : ""} for {ad.action ? ad.action : ""}
</button>
<br />
<p className="text-danger h5 m-2 mt-5">
{ad?.sold ? "Off market" : "In market"}
</p>
<h1 className="mt-5">{ad.address}</h1>
</div>
<div className="col-lg-8">
<ImageGallery photos={generatePhotosArray(ad?.photos)} />
</div>
</div>
</div>
<pre>{JSON.stringify({ ad, related }, null, 4)}</pre>
</>
);