default pointer for filters

This commit is contained in:
Matt Beaudoin
2026-05-16 14:11:20 -07:00
parent c1aca60809
commit e4e9eea438
3 changed files with 7 additions and 4 deletions

View File

@ -244,6 +244,9 @@ body {
box-shadow: 0 0 0 3px rgba($primary-dark, 0.08);
}
}
.filter-chip {
cursor: default;
}
// Results count
.results-count {

View File

@ -135,7 +135,7 @@ export const Apps: React.FC = () => {
</button>
<button
className={`stat-chip ${showUpgradesOnly ? 'active' : ''}`}
className={`stat-chip filter-chip ${showUpgradesOnly ? 'active' : ''}`}
onClick={toggleUpgrades}
title="Click to toggle apps with upgrades available"
disabled={stats.needsUpgrade === 0}
@ -145,7 +145,7 @@ export const Apps: React.FC = () => {
</button>
<button
className={`stat-chip ${showChaosOnly ? 'active' : ''}`}
className={`stat-chip filter-chip ${showChaosOnly ? 'active' : ''}`}
onClick={toggleChaos}
title="Click to toggle chaos mode apps"
disabled={stats.chaosApps === 0}

View File

@ -147,7 +147,7 @@ export const Servers: React.FC = () => {
</button>
<button
className={`stat-chip ${showUpgradesOnly ? 'active' : ''}`}
className={`stat-chip filter-chip ${showUpgradesOnly ? 'active' : ''}`}
onClick={() => setShowUpgradesOnly(prev => !prev)}
title="Click to filter by servers with upgrades"
disabled={stats.totalUpgrades === 0}
@ -157,7 +157,7 @@ export const Servers: React.FC = () => {
</button>
<button
className={`stat-chip ${showChaosOnly ? 'active' : ''}`}
className={`stat-chip filter-chip ${showChaosOnly ? 'active' : ''}`}
onClick={() => setShowChaosOnly(prev => !prev)}
title="Click to filter servers with chaos apps"
disabled={stats.totalChaos === 0}