domverse/ciaovolo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: replace faint sort arrows with ChevronsUpDown indicator on inactive columns
All checks were successful
Deploy / deploy (push) Successful in 35s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
domverse
2026-03-01 15:39:36 +01:00
parent 69c2ddae29
commit 7ece1f9b45
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
flight-comparator/frontend/src/pages/ScanDetails.tsx
View File

@@ -12,6 +12,7 @@ import {
ChevronRight, ChevronRight,
ChevronUp, ChevronUp,
ChevronDown, ChevronDown,
ChevronsUpDown,
MapPin, MapPin,
AlertCircle, AlertCircle,
Loader2, Loader2,
@@ -231,14 +232,14 @@ export default function ScanDetails() {
}; };
const SortIcon = ({ field }: { field: typeof sortField }) => { const SortIcon = ({ field }: { field: typeof sortField }) => {
if (sortField !== field) return <ChevronUp size={14} className="opacity-30" />; if (sortField !== field) return <ChevronsUpDown size={14} className="opacity-50" />;
return sortDirection === 'asc' return sortDirection === 'asc'
? <ChevronUp size={14} className="text-primary" /> ? <ChevronUp size={14} className="text-primary" />
: <ChevronDown size={14} className="text-primary" />; : <ChevronDown size={14} className="text-primary" />;
}; };
const FlightSortIcon = ({ field }: { field: 'date' | 'price' }) => { const FlightSortIcon = ({ field }: { field: 'date' | 'price' }) => {
if (flightSortField !== field) return <ChevronUp size={12} className="opacity-30" />; if (flightSortField !== field) return <ChevronsUpDown size={12} className="opacity-50" />;
return flightSortDir === 'asc' return flightSortDir === 'asc'
? <ChevronUp size={12} className="text-secondary" /> ? <ChevronUp size={12} className="text-secondary" />
: <ChevronDown size={12} className="text-secondary" />; : <ChevronDown size={12} className="text-secondary" />;