-export function renderLandDevelopment(city: City, buildings: Building[], buildQueues: BuildQueue[]): string {
+export function renderLandDevelopment(city: CityWithLocation, buildings: Building[], buildQueues: BuildQueue[]): string {
const freeSpace = city.totalSpace - city.usedSpace;
let html = `
<div hx-trigger="reload-construction-queue, every 600s" hx-get="/poll/construction">
<h2 data-augmented-ui="tl-clip bl-clip none">Construction</h2>
<table>
<tr>
const freeSpace = city.totalSpace - city.usedSpace;
let html = `
<div hx-trigger="reload-construction-queue, every 600s" hx-get="/poll/construction">
<h2 data-augmented-ui="tl-clip bl-clip none">Construction</h2>
<table>
<tr>
<input type="hidden" name="building_type" value="${building.slug}">
<button type="submit">Build</button>
</form>
<input type="hidden" name="building_type" value="${building.slug}">
<button type="submit">Build</button>
</form>