andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Unify empty state

Browse source
This commit is contained in:
Andras Schmelczer 2026-02-07 10:12:52 +00:00
parent 5f060d2994
commit 4e3fcd7252
4 changed files with 34 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/PropertiesPane.tsx
View file

@ -5,7 +5,8 @@ import { getNum } from '../lib/property-fields';
import InfoPopup from './InfoPopup';
import { SearchInput } from './ui/SearchInput';
import { PaneHeader } from './ui/PaneHeader';
import { PaneEmptyState } from './ui/EmptyState';
import { EmptyState } from './ui/EmptyState';
import { InfoIcon } from './ui/Icons';
interface PropertiesPaneProps {
properties: Property[];
@ -54,7 +55,14 @@ export function PropertiesPane({
}, [properties, sortBy, search]);
if (!hexagonId) {
return <PaneEmptyState message="Click a hexagon to view properties" />;
return (
<EmptyState
icon={<InfoIcon className="w-8 h-8 text-warm-300 dark:text-warm-600" />}
title="No area selected"
description="Click a hexagon or postcode to view area statistics"
centered
/>
);
}
return (