FlightList - Design System

Component per mostrar llistes de vols amb funcionalitats de selecció, ordenació i comparació de tarifes.

FlightList amb FlightCard legacy integrat

Llista de vols utilitzant el FlightCard legacy adaptat al Design System. Inclou funcionalitat de selecció i comparació de tarifes.

Vol seleccionat: Cap

Estat de càrrega

FlightList mostra un spinner i missatge durant la càrrega de dades.

Estat buit

Quan no hi ha vols disponibles, FlightList mostra un missatge informatiu.

No flights found

Funcionalitats integrades

El FlightList integra múltiples funcionalitats per a una experiència d'usuari completa.

Característiques principals:
  • ✈️ **Integració amb FlightCard**: Utilitza el FlightCard legacy adaptat
  • 🎯 **Selecció de vols**: Click per seleccionar vols individuals
  • 📊 **Comparació de tarifes**: Selecció múltiple per comparar preus
  • ⏳ **Gestió d'estats**: Loading, buit, error
  • 📏 **Scroll personalitzat**: Scrollbar estilitzada segons el tema
  • ♿ **Accessibilitat**: Suport per lectors de pantalla
  • 🎨 **Tema adaptable**: Suport complet per tema fosc/clar
  • 🔧 **Extensible**: FlightCardComponent personalitzable
💡 Nota: El FlightList utilitza l'adapter LegacyFlightCardAdapter per mantenir compatibilitat amb el codi existent mentre aprofita les millores del Design System.