fix: replace faint sort arrows with ChevronsUpDown indicator on inactive columns
All checks were successful
Deploy / deploy (push) Successful in 35s
All checks were successful
Deploy / deploy (push) Successful in 35s
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -12,6 +12,7 @@ import {
|
||||
ChevronRight,
|
||||
ChevronUp,
|
||||
ChevronDown,
|
||||
ChevronsUpDown,
|
||||
MapPin,
|
||||
AlertCircle,
|
||||
Loader2,
|
||||
@@ -231,14 +232,14 @@ export default function ScanDetails() {
|
||||
};
|
||||
|
||||
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'
|
||||
? <ChevronUp size={14} className="text-primary" />
|
||||
: <ChevronDown size={14} className="text-primary" />;
|
||||
};
|
||||
|
||||
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'
|
||||
? <ChevronUp size={12} className="text-secondary" />
|
||||
: <ChevronDown size={12} className="text-secondary" />;
|
||||
|
||||
Reference in New Issue
Block a user