From 1c58dc2fe5a9d30431f132295a072335e59d61e7 Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Sat, 7 Feb 2026 11:17:38 +0000
Subject: [PATCH] Remove clutter

---
 frontend/src/components/AreaPane.tsx          |  2 +-
 frontend/src/components/FeatureIcons.tsx      |  5 +--
 frontend/src/components/Filters.tsx           |  9 ++---
 frontend/src/components/InfoPopup.tsx         |  2 +-
 frontend/src/components/POIPane.tsx           |  6 +---
 frontend/src/components/PropertiesPane.tsx    | 13 +------
 frontend/src/components/ui/PaneHeader.tsx     | 35 -------------------
 .../src/components/ui/SelectionButtons.tsx    | 24 -------------
 8 files changed, 7 insertions(+), 89 deletions(-)
 delete mode 100644 frontend/src/components/ui/PaneHeader.tsx
 delete mode 100644 frontend/src/components/ui/SelectionButtons.tsx

diff --git a/frontend/src/components/AreaPane.tsx b/frontend/src/components/AreaPane.tsx
index 22f96b6..2ea9729 100644
--- a/frontend/src/components/AreaPane.tsx
+++ b/frontend/src/components/AreaPane.tsx
@@ -9,7 +9,7 @@ import EnumBarChart from './EnumBarChart';
 import StackedBarChart from './StackedBarChart';
 import PriceHistoryChart from './PriceHistoryChart';
 import ExternalSearchLinks from './ExternalSearchLinks';
-import { InfoIcon, CloseIcon } from './ui/Icons';
+import { InfoIcon, CloseIcon } from './ui/icons';
 import { IconButton } from './ui/IconButton';
 import { FeatureInfoPopup } from './FeatureInfoPopup';
 import { EmptyState } from './ui/EmptyState';
diff --git a/frontend/src/components/FeatureIcons.tsx b/frontend/src/components/FeatureIcons.tsx
index 28ede75..71f99a9 100644
--- a/frontend/src/components/FeatureIcons.tsx
+++ b/frontend/src/components/FeatureIcons.tsx
@@ -1,10 +1,7 @@
 import type { FeatureMeta } from '../types';
-import { EyeIcon, InfoIcon, PlusIcon, CloseIcon } from './ui/Icons';
+import { EyeIcon, InfoIcon, PlusIcon, CloseIcon } from './ui/icons';
 import { IconButton } from './ui/IconButton';
 
-// Re-export icons for backwards compatibility
-export { EyeIcon, InfoIcon, CloseIcon as RemoveIcon } from './ui/Icons';
-
 interface FeatureActionsProps {
   feature: FeatureMeta;
   isPinned: boolean;
diff --git a/frontend/src/components/Filters.tsx b/frontend/src/components/Filters.tsx
index 3fb6df8..8bedd33 100644
--- a/frontend/src/components/Filters.tsx
+++ b/frontend/src/components/Filters.tsx
@@ -2,8 +2,7 @@ import { memo, useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { Slider } from './ui/Slider';
 import { Label } from './ui/Label';
 import { SearchInput } from './ui/SearchInput';
-import { SelectionButtons } from './ui/SelectionButtons';
-import { FilterIcon, LightbulbIcon } from './ui/Icons';
+import { FilterIcon, LightbulbIcon } from './ui/icons';
 import { EmptyState } from './ui/EmptyState';
 import type { FeatureMeta, FeatureFilters } from '../types';
 import { formatFilterValue } from '../lib/format';
@@ -242,11 +241,7 @@ export default memo(function Filters({
                       onRemove={onRemoveFilter}
                     />
                   </div>
-                  <SelectionButtons
-                    onSelectAll={() => onFilterChange(feature.name, [...allValues])}
-                    onSelectNone={() => onFilterChange(feature.name, [])}
-                    className="mb-1"
-                  />
+
                   <div className="space-y-0.5 max-h-40 overflow-y-auto">
                     {allValues.map((val) => (
                       <label
diff --git a/frontend/src/components/InfoPopup.tsx b/frontend/src/components/InfoPopup.tsx
index 7fc4e16..2e1c607 100644
--- a/frontend/src/components/InfoPopup.tsx
+++ b/frontend/src/components/InfoPopup.tsx
@@ -1,6 +1,6 @@
 import { useRef, useCallback, type ReactNode } from 'react';
 import { useClickOutside } from '../hooks/useClickOutside';
-import { CloseIcon } from './ui/Icons';
+import { CloseIcon } from './ui/icons';
 import { IconButton } from './ui/IconButton';
 
 interface InfoPopupProps {
diff --git a/frontend/src/components/POIPane.tsx b/frontend/src/components/POIPane.tsx
index a72091a..7cbe77e 100644
--- a/frontend/src/components/POIPane.tsx
+++ b/frontend/src/components/POIPane.tsx
@@ -3,8 +3,7 @@ import type { POICategoryGroup } from '../types';
 import { useClickOutside } from '../hooks/useClickOutside';
 import InfoPopup from './InfoPopup';
 import { SearchInput } from './ui/SearchInput';
-import { SelectionButtons } from './ui/SelectionButtons';
-import { InfoIcon, ChevronIcon } from './ui/Icons';
+import { InfoIcon, ChevronIcon } from './ui/icons';
 import { IconButton } from './ui/IconButton';
 
 interface POIPaneProps {
@@ -147,9 +146,6 @@ export default function POIPane({
 
         {dropdownOpen && (
           <div className="border border-warm-300 dark:border-navy-700 rounded shadow-lg bg-white dark:bg-navy-800">
-            <div className="px-3 py-2 border-b border-warm-200 dark:border-navy-700">
-              <SelectionButtons onSelectAll={selectAll} onSelectNone={selectNone} className="text-xs" />
-            </div>
             <div className="px-3 py-2 border-b border-warm-200 dark:border-navy-700">
               <SearchInput
                 value={searchTerm}
diff --git a/frontend/src/components/PropertiesPane.tsx b/frontend/src/components/PropertiesPane.tsx
index 04a2a8e..d496a70 100644
--- a/frontend/src/components/PropertiesPane.tsx
+++ b/frontend/src/components/PropertiesPane.tsx
@@ -4,9 +4,8 @@ import { formatDuration, formatAge, formatNumber } from '../lib/format';
 import { getNum } from '../lib/property-fields';
 import InfoPopup from './InfoPopup';
 import { SearchInput } from './ui/SearchInput';
-import { PaneHeader } from './ui/PaneHeader';
 import { EmptyState } from './ui/EmptyState';
-import { InfoIcon } from './ui/Icons';
+import { InfoIcon } from './ui/icons';
 
 interface PropertiesPaneProps {
   properties: Property[];
@@ -67,16 +66,6 @@ export function PropertiesPane({
 
   return (
     <div className="flex flex-col h-full">
-      <PaneHeader
-        title="Properties"
-        subtitle={
-          search.trim()
-            ? `${filteredAndSorted.length} match${filteredAndSorted.length !== 1 ? 'es' : ''} in ${properties.length} loaded`
-            : `Showing ${properties.length} of ${total} properties`
-        }
-        onClose={onClose}
-        onInfoClick={() => setShowInfo(true)}
-      />
       {showInfo && (
         <InfoPopup
           title="Property Data"
diff --git a/frontend/src/components/ui/PaneHeader.tsx b/frontend/src/components/ui/PaneHeader.tsx
deleted file mode 100644
index e3c25b3..0000000
--- a/frontend/src/components/ui/PaneHeader.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { ReactNode } from 'react';
-import { CloseIcon, InfoIcon } from './Icons';
-import { IconButton } from './IconButton';
-
-interface PaneHeaderProps {
-  title: string;
-  subtitle?: ReactNode;
-  onClose?: () => void;
-  onInfoClick?: () => void;
-  children?: ReactNode;
-}
-
-export function PaneHeader({ title, subtitle, onClose, onInfoClick, children }: PaneHeaderProps) {
-  return (
-    <div className="p-3 border-b border-warm-200 dark:border-navy-700">
-      <div className="flex justify-between items-center">
-        <div className="flex items-center gap-2">
-          <h2 className="text-sm font-semibold dark:text-warm-100">{title}</h2>
-          {onInfoClick && (
-            <IconButton onClick={onInfoClick} title="Data source info">
-              <InfoIcon />
-            </IconButton>
-          )}
-        </div>
-        {onClose && (
-          <IconButton onClick={onClose} title="Close">
-            <CloseIcon />
-          </IconButton>
-        )}
-      </div>
-      {subtitle && <div className="text-sm text-warm-600 dark:text-warm-400 mt-1">{subtitle}</div>}
-      {children}
-    </div>
-  );
-}
diff --git a/frontend/src/components/ui/SelectionButtons.tsx b/frontend/src/components/ui/SelectionButtons.tsx
deleted file mode 100644
index 25f2cfb..0000000
--- a/frontend/src/components/ui/SelectionButtons.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-interface SelectionButtonsProps {
-  onSelectAll: () => void;
-  onSelectNone: () => void;
-  className?: string;
-}
-
-export function SelectionButtons({ onSelectAll, onSelectNone, className = '' }: SelectionButtonsProps) {
-  return (
-    <div className={`flex gap-2 text-sm ${className}`}>
-      <button
-        className="text-teal-600 dark:text-teal-400 hover:text-teal-800 dark:hover:text-teal-300 hover:underline"
-        onClick={onSelectAll}
-      >
-        All
-      </button>
-      <button
-        className="text-teal-600 dark:text-teal-400 hover:text-teal-800 dark:hover:text-teal-300 hover:underline"
-        onClick={onSelectNone}
-      >
-        None
-      </button>
-    </div>
-  );
-}