feat(ui): implement award mockup redesign
Build & Deploy Pluriwave / Análisis de código (push) Successful in 10s
Build & Deploy Pluriwave / Build APK + AAB release (push) Successful in 1m19s

This commit is contained in:
2026-05-20 21:29:36 +02:00
parent eb0ef37c76
commit d8acf74771
14 changed files with 621 additions and 211 deletions
+38 -35
View File
@@ -5,19 +5,20 @@ import 'package:provider/provider.dart';
import '../estado/estado_radio.dart';
import '../widgets/pluri_glass_surface.dart';
import '../widgets/pluri_icon.dart';
import '../widgets/pluri_premium_widgets.dart';
import 'package:pluriwave/widgets/tarjeta_emisora.dart';
const _paises = [
('España', 'ES'),
('Espana', 'ES'),
('USA', 'US'),
('México', 'MX'),
('Mexico', 'MX'),
('Argentina', 'AR'),
('UK', 'GB'),
('Francia', 'FR'),
('Alemania', 'DE'),
('Italia', 'IT'),
('Brasil', 'BR'),
('Japón', 'JP'),
('Japon', 'JP'),
];
const _idiomas = [
@@ -66,13 +67,23 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
return Column(
children: [
PluriScreenHeader(
title: 'Buscar senal',
subtitle: 'Encontra radios por nombre, pais o idioma con filtros rapidos y alto contraste.',
glyph: PluriIconGlyph.search,
trailing: const PluriStatusPill(
icon: Icons.tune_rounded,
label: 'Filtros',
),
),
Padding(
padding: const EdgeInsets.fromLTRB(16, 10, 16, 0),
child: PluriGlassSurface(
padding: const EdgeInsets.all(10),
borderRadius: BorderRadius.circular(999),
child: SearchBar(
controller: _controller,
hintText: 'Nombre de la emisora...',
hintText: 'Radio Horizonte, jazz, noticias...',
leading: const PluriIcon(
glyph: PluriIconGlyph.search,
variant: PluriIconVariant.filled,
@@ -94,7 +105,7 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
),
),
_seccionFiltro(
'País',
'Pais',
_paises.map((p) => (p.$1, p.$2)).toList(),
_paisSeleccionado,
(v) {
@@ -130,14 +141,19 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(titulo, style: theme.textTheme.labelLarge),
const SizedBox(height: 4),
Text(
titulo,
style: theme.textTheme.labelLarge?.copyWith(
fontWeight: FontWeight.w900,
),
),
const SizedBox(height: 6),
SizedBox(
height: 36,
height: 40,
child: ListView.separated(
scrollDirection: Axis.horizontal,
itemCount: opciones.length,
separatorBuilder: (_, __) => const SizedBox(width: 6),
separatorBuilder: (_, __) => const SizedBox(width: 8),
itemBuilder: (_, i) {
final (label, value) = opciones[i];
final sel = seleccionado == value;
@@ -168,37 +184,24 @@ class _PantallaBuscarState extends State<PantallaBuscar> {
_controller.text.isEmpty &&
_paisSeleccionado == null &&
_idiomaSeleccionado == null;
return Center(
child: PluriGlassSurface(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const PluriIcon(
glyph: PluriIconGlyph.search,
variant: PluriIconVariant.activeGlow,
size: 44,
),
const SizedBox(height: 14),
Text(
sinFiltros ? 'Buscá una emisora' : 'Sin resultados',
style: theme.textTheme.titleMedium,
),
],
),
),
return PluriEmptyState(
glyph: PluriIconGlyph.search,
title: sinFiltros ? 'Busca una emisora' : 'Sin resultados',
subtitle: sinFiltros
? 'Usa la barra superior o los chips para descubrir senales de todo el mundo.'
: 'Proba quitar filtros o escribir otro nombre para encontrar una senal activa.',
);
}
return ListView.separated(
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.fromLTRB(16, 16, 16, 120),
itemCount: resultados.length,
separatorBuilder: (_, __) => const SizedBox(height: 6),
itemBuilder:
(context, i) => TarjetaEmisora(
emisora: resultados[i],
esCompacta: true,
onTap: () => context.read<EstadoRadio>().reproducir(resultados[i]),
).animate().fadeIn(delay: (i * 20).ms),
separatorBuilder: (_, __) => const SizedBox(height: 10),
itemBuilder: (context, i) => TarjetaEmisora(
emisora: resultados[i],
esCompacta: true,
onTap: () => context.read<EstadoRadio>().reproducir(resultados[i]),
).animate().fadeIn(delay: (i * 20).ms).slideY(begin: 0.08),
);
}
}