|
|
|
@ -3418,47 +3418,6 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
{/* Clear filters */}
|
|
|
|
|
|
|
|
{hasActiveFilters && (
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
|
|
|
onClick={() => onFilterChange({})}
|
|
|
|
|
|
|
|
style={{
|
|
|
|
|
|
|
|
padding: '4px 12px',
|
|
|
|
|
|
|
|
background: 'rgba(255, 100, 100, 0.2)',
|
|
|
|
|
|
|
|
border: '1px solid #ff6666',
|
|
|
|
|
|
|
|
color: '#ff6666',
|
|
|
|
|
|
|
|
borderRadius: '4px',
|
|
|
|
|
|
|
|
fontSize: '10px',
|
|
|
|
|
|
|
|
cursor: 'pointer',
|
|
|
|
|
|
|
|
fontFamily: 'JetBrains Mono'
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
Clear All Filters
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{activeSource && <div style={{ fontSize: '9px', color: 'var(--text-muted)', marginBottom: '8px' }}>Source: {activeSource}</div>}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style={{ overflowY: 'auto', maxHeight: showFilters ? '120px' : '200px' }}>
|
|
|
|
|
|
|
|
{spots.length > 0 ? spots.map((s, i) => (
|
|
|
|
|
|
|
|
<div key={i} style={{ display: 'grid', gridTemplateColumns: '65px 75px 1fr auto', gap: '10px', padding: '8px 0', borderBottom: '1px solid rgba(255,255,255,0.03)', fontFamily: 'JetBrains Mono, monospace', fontSize: '13px', alignItems: 'center' }}>
|
|
|
|
|
|
|
|
<span style={{ color: 'var(--accent-green)' }}>{s.freq}</span>
|
|
|
|
|
|
|
|
<span style={{ color: 'var(--accent-amber)', fontWeight: '600' }}>{s.call}</span>
|
|
|
|
|
|
|
|
<span style={{ color: 'var(--text-secondary)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{s.comment}</span>
|
|
|
|
|
|
|
|
<span style={{ color: 'var(--text-muted)' }}>{s.time}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
)) : (
|
|
|
|
|
|
|
|
<div style={{ textAlign: 'center', color: 'var(--text-muted)', padding: '20px' }}>
|
|
|
|
|
|
|
|
{hasActiveFilters ? 'No spots match filters' : 'No spots available'}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const POTAPanel = ({ activities, loading, showOnMap, onToggleMap }) => (
|
|
|
|
const POTAPanel = ({ activities, loading, showOnMap, onToggleMap }) => (
|
|
|
|
<div style={{ background: 'var(--bg-panel)', border: '1px solid var(--border-color)', borderRadius: '8px', padding: '20px', backdropFilter: 'blur(10px)' }}>
|
|
|
|
<div style={{ background: 'var(--bg-panel)', border: '1px solid var(--border-color)', borderRadius: '8px', padding: '20px', backdropFilter: 'blur(10px)' }}>
|
|
|
|
|