display error when cant build something

[browser-rts.git] / src / render / land-development.ts

diff --git a/src/render/land-development.ts b/src/render/land-development.ts
index 0c1fad915890fe43330a3feb61683a9a6443a117..9cd4eb7418c2f601412311bcd19176a168f4b767 100644 (file)
--- a/src/render/land-development.ts
+++ b/src/render/land-development.ts
@@ -32,8 +32,8 @@ export function renderLandDevelopment(city: CityWithLocation, buildings: Buildin
                 <th>${building.display}</th>
                 <td>${city[building.slug]}</td>
                 <td>
-                    <form hx-post="/build">
-                        <input type="number" size="6" name="amount" hx-post="/cost/construction" hx-trigger="keyup" hx-target="#${building.slug}-cost">
+                    <form hx-post="/build" hx-swap="innerHTML" hx-target="#notifications">
+                        <input type="number" size="6" name="amount" hx-post="/cost/construction" hx-trigger="keyup" hx-target="#${building.slug}-cost" hx-swap="innerHTML">
                         <input type="hidden" name="building_type" value="${building.slug}">
                         <button type="submit">Build</button>
                     </form>