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

11
frontend/src/components/AreaPane.tsx
View file

@ -12,7 +12,7 @@ import ExternalSearchLinks from './ExternalSearchLinks';
import { InfoIcon, CloseIcon } from './ui/Icons';
import { IconButton } from './ui/IconButton';
import { FeatureInfoPopup } from './FeatureInfoPopup';
import { PaneEmptyState } from './ui/EmptyState';
import { EmptyState } from './ui/EmptyState';
interface AreaPaneProps {
stats: HexagonStatsResponse | null;
@ -62,7 +62,14 @@ export default function AreaPane({
);
if (!hexagonId) {
return <PaneEmptyState message="Click a hexagon or postcode to view area statistics" />;
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 (