({});
const [done, setDone] = useState<{ added: number; skipped: number } | null>(null);
@@ -110,6 +111,7 @@ export default function AddPropertiesClient({
}
setInputError(null);
setDone(null);
+ setFilter("");
setSearch({ pc, refresh: 0 });
};
@@ -130,6 +132,12 @@ export default function AddPropertiesClient({
const addable = data
? data.candidates.filter((c) => c.selectable && !c.alreadyInPortfolio)
: [];
+ const needle = filter.trim().toLowerCase();
+ const visible = data
+ ? needle
+ ? data.candidates.filter((c) => c.address.toLowerCase().includes(needle))
+ : data.candidates
+ : [];
const totalSelected = countSelected(basket);
const postcodes = Object.keys(basket);
@@ -267,7 +275,9 @@ export default function AddPropertiesClient({
{data.postcode}
- {data.candidates.length}{" "}
+ {needle
+ ? `${visible.length} of ${data.candidates.length}`
+ : data.candidates.length}{" "}
{data.candidates.length === 1 ? "address" : "addresses"}
{addable.length > 0 && (
@@ -307,10 +317,40 @@ export default function AddPropertiesClient({
+ {/* Long postcodes can return ~100 addresses — a filter lets the user
+ jump to a house number or street name without scrolling. */}
+ {data.candidates.length > 8 && (
+
+
+ setFilter(e.target.value)}
+ placeholder="Filter these addresses…"
+ spellCheck={false}
+ autoComplete="off"
+ className="w-full border border-slate-200 rounded-xl pl-9 pr-9 py-2 text-sm focus:outline-none focus:border-primary focus:ring-2 focus:ring-primary/10"
+ />
+ {filter && (
+ setFilter("")}
+ className="absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 text-sm leading-none hover:text-slate-700"
+ >
+ ✕
+
+ )}
+
+ )}
+
{/* Long postcodes can return ~100 addresses — scroll inside the card
rather than growing the page. */}
- {data.candidates.map((c) => {
+ {visible.length === 0 ? (
+
+ No addresses match “{filter.trim()}”.
+
+ ) : (
+ visible.map((c) => {
const { label, note } = describeCandidate(c);
const disabled = !c.selectable || c.alreadyInPortfolio;
const isSelected = !!selected[c.uprn];
@@ -361,7 +401,8 @@ export default function AddPropertiesClient({
);
- })}
+ })
+ )}
)}