@@ -334,7 +332,7 @@ const StormMap = memo(({
- Pin {i + 1} · 5 mi radius
+ Pin {i + 1} · {pinRadius} mi radius
@@ -978,7 +976,7 @@ const StormIntelPage = () => {
const canManageZones = ['ADMIN', 'OWNER'].includes(user?.role);
const [activeTab, setActiveTab] = useState('map');
- const [dateRange, setDateRange] = useState('12m');
+ const [dateRange, setDateRange] = useState('6m');
const [customStart, setCustomStart] = useState('');
const [customEnd, setCustomEnd] = useState('');
const [typeFilter, setTypeFilter] = useState('all');
@@ -993,6 +991,7 @@ const StormIntelPage = () => {
// Pin drop — up to 5 pins
const [pinDropMode, setPinDropMode] = useState(false);
const [pins, setPins] = useState([]); // array of [lat,lng]
+ const [pinRadius, setPinRadius] = useState(5); // miles
const MAX_PINS = 5;
// Zone drawing state
@@ -1026,13 +1025,13 @@ const StormIntelPage = () => {
if (!event.polygon?.length) continue;
const [cLat, cLon] = polygonCentroid(event.polygon);
const minDist = Math.min(...pins.map(p => haversine(p[0], p[1], cLat, cLon)));
- if (minDist <= 5 && !seen.has(event.id)) {
+ if (minDist <= pinRadius && !seen.has(event.id)) {
seen.add(event.id);
results.push({ ...event, _distanceMiles: minDist });
}
}
return results.sort((a, b) => a._distanceMiles - b._distanceMiles);
- }, [displayEvents, pins]);
+ }, [displayEvents, pins, pinRadius]);
// Sidebar shows nearby events when pins exist, otherwise full filtered list
const sidebarEvents = pins.length > 0 ? nearbyEvents : displayEvents;
@@ -1335,33 +1334,9 @@ const StormIntelPage = () => {
Failed to load storm data
{error}