diff --git a/Taskfile.yml b/Taskfile.yml
index fceba56..fbbb156 100644
--- a/Taskfile.yml
+++ b/Taskfile.yml
@@ -41,6 +41,18 @@ tasks:
cmds:
- cargo run --release -- --data {{.WIDE_OUTPUT}} --pois {{.POIS_FILTERED_OUTPUT}}
+ dev:og:
+ desc: Run OG screenshot sidecar on port 8002
+ dir: og-screenshot
+ env:
+ CACHE_DIR: /tmp/og-cache
+ NARROWIT_URL: http://localhost:3030
+ cmds:
+ - npm install
+ - npx playwright install --with-deps chromium
+ - npm run build
+ - npm start
+
dev:frontend:
desc: Run frontend dev server on port 3030 (proxies /api to :8001)
dir: frontend
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 39efee0..0d320cd 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -607,6 +607,7 @@ export default function App() {
onHexagonHover={() => {}}
initialViewState={initialViewState}
theme={theme}
+ screenshotMode
/>
);
diff --git a/frontend/src/components/PropertiesPane.tsx b/frontend/src/components/PropertiesPane.tsx
index 0be7a01..83e9a31 100644
--- a/frontend/src/components/PropertiesPane.tsx
+++ b/frontend/src/components/PropertiesPane.tsx
@@ -239,6 +239,7 @@ function PropertyCard({ property }: { property: Property }) {
'number_habitable_rooms'
);
const age = getNum(property, 'Approximate construction age', 'construction_age_band');
+ const councilTax = getNum(property, 'Council tax (£/yr)');
const councilTaxD = getNum(property, 'Council tax Band D (£/yr)');
return (
@@ -306,12 +307,17 @@ function PropertyCard({ property }: { property: Property }) {
{property.potential_energy_rating}
)}
- {councilTaxD !== undefined && (
+ {councilTax !== undefined ? (
+
+ Council tax: £
+ {fmt(councilTax)}/yr
+
+ ) : councilTaxD !== undefined ? (
Council tax (D): £
{fmt(councilTaxD)}/yr
- )}
+ ) : null}
);
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 01a7132..3db1b79 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -3,7 +3,15 @@
- Narrowit
+ Narrowit — Every neighbourhood in England & Wales
+
+
+
+
+
+
+
+