feat(ui): design token discipline, accessibility and i18n pass
- Replace all hardcoded Color literals outside lib/tema with theme tokens (new static brand palette in PluriWaveTokens); media notification uses the brand color instead of the Material default purple - Favorite button on station cards grows to a 48dp target and becomes an independent semantics node for screen readers (Semantics container fix) - All flutter_animate call sites route through the PluriAnimate reduced-motion gate (zero direct .animate() left) - Locale-aware short dates via intl DateFormat (new lib/l10n/formato_fechas.dart) replacing the hardcoded DD/MM/YYYY; proper plural messages for the favorites counter; example stream URL as a localized key - all 13 locales - Rounded shimmer placeholders matching card radii; shimmer loading state in search instead of a bare spinner; rounded icon variants unified in settings; bottom-sheet conventions on the custom station form - Fix latent debug crash: vacation editor read AppLocalizations in initState - 11 new tests (121 total green), flutter analyze clean
This commit is contained in:
@@ -210,7 +210,7 @@ class _SeccionGrabaciones extends StatelessWidget {
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.radio_button_checked),
|
||||
const Icon(Icons.radio_button_checked_rounded),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
l10n.recordingsSectionTitle,
|
||||
@@ -591,7 +591,7 @@ class _SeccionEcualizador extends StatelessWidget {
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.equalizer),
|
||||
const Icon(Icons.equalizer_rounded),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
l10n.equalizerTitle,
|
||||
@@ -994,7 +994,7 @@ class _SeccionEmisoras extends StatelessWidget {
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
const Icon(Icons.add_circle_outline),
|
||||
const Icon(Icons.add_circle_outline_rounded),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
AppLocalizations.of(context).customStationsTitle,
|
||||
@@ -1002,7 +1002,7 @@ class _SeccionEmisoras extends StatelessWidget {
|
||||
),
|
||||
const Spacer(),
|
||||
TextButton.icon(
|
||||
icon: const Icon(Icons.add),
|
||||
icon: const Icon(Icons.add_rounded),
|
||||
label: Text(AppLocalizations.of(context).customStationsAdd),
|
||||
onPressed: () => _mostrarFormularioAnadir(context),
|
||||
),
|
||||
@@ -1013,14 +1013,18 @@ class _SeccionEmisoras extends StatelessWidget {
|
||||
padding: const EdgeInsets.only(top: 8),
|
||||
child: Text(
|
||||
AppLocalizations.of(context).customStationsEmpty,
|
||||
style: const TextStyle(color: Colors.grey),
|
||||
style: TextStyle(
|
||||
color: Theme.of(
|
||||
context,
|
||||
).colorScheme.onSurface.withValues(alpha: 0.6),
|
||||
),
|
||||
),
|
||||
)
|
||||
else
|
||||
for (final emisora in custom)
|
||||
ListTile(
|
||||
contentPadding: EdgeInsets.zero,
|
||||
leading: const Icon(Icons.radio),
|
||||
leading: const Icon(Icons.radio_rounded),
|
||||
title: Text(
|
||||
localizedStationName(
|
||||
AppLocalizations.of(context),
|
||||
@@ -1036,13 +1040,13 @@ class _SeccionEmisoras extends StatelessWidget {
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.play_arrow),
|
||||
icon: const Icon(Icons.play_arrow_rounded),
|
||||
tooltip: AppLocalizations.of(context).playAction,
|
||||
onPressed:
|
||||
() => context.read<EstadoRadio>().reproducir(emisora),
|
||||
),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.delete_outline),
|
||||
icon: const Icon(Icons.delete_outline_rounded),
|
||||
tooltip: AppLocalizations.of(context).deleteAction,
|
||||
onPressed:
|
||||
() => context
|
||||
@@ -1061,6 +1065,8 @@ class _SeccionEmisoras extends StatelessWidget {
|
||||
await showModalBottomSheet(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
useSafeArea: true,
|
||||
showDragHandle: true,
|
||||
builder: (ctx) => const _FormularioEmisora(),
|
||||
);
|
||||
}
|
||||
@@ -1142,7 +1148,7 @@ class _FormularioEmisoraState extends State<_FormularioEmisora> {
|
||||
controller: _urlCtrl,
|
||||
decoration: InputDecoration(
|
||||
labelText: AppLocalizations.of(context).streamUrlLabel,
|
||||
hintText: 'http://stream.ejemplo.com:8000/radio',
|
||||
hintText: AppLocalizations.of(context).streamUrlHint,
|
||||
border: const OutlineInputBorder(),
|
||||
),
|
||||
keyboardType: TextInputType.url,
|
||||
@@ -1340,7 +1346,7 @@ class _SeccionInfo extends StatelessWidget {
|
||||
builder:
|
||||
(ctx, snap) => ListTile(
|
||||
contentPadding: EdgeInsets.zero,
|
||||
leading: const Icon(Icons.favorite_outline),
|
||||
leading: const Icon(Icons.favorite_outline_rounded),
|
||||
title: Text(
|
||||
AppLocalizations.of(ctx).savedFavoritesTitle,
|
||||
),
|
||||
@@ -1366,7 +1372,10 @@ class _SeccionInfo extends StatelessWidget {
|
||||
subtitle: Text(
|
||||
AppLocalizations.of(ctx).stationFilterSubtitle,
|
||||
),
|
||||
trailing: const Icon(Icons.check_circle, color: Colors.green),
|
||||
trailing: Icon(
|
||||
Icons.check_circle_rounded,
|
||||
color: Theme.of(ctx).colorScheme.secondary,
|
||||
),
|
||||
),
|
||||
ListTile(
|
||||
contentPadding: EdgeInsets.zero,
|
||||
@@ -1375,7 +1384,10 @@ class _SeccionInfo extends StatelessWidget {
|
||||
subtitle: Text(
|
||||
AppLocalizations.of(ctx).backgroundAudioSubtitle,
|
||||
),
|
||||
trailing: const Icon(Icons.check_circle, color: Colors.green),
|
||||
trailing: Icon(
|
||||
Icons.check_circle_rounded,
|
||||
color: Theme.of(ctx).colorScheme.secondary,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user