CalvinBackup/SpotiFLAC-Mobile
1
0
Fork 0
mirror of https://github.com/zarzet/SpotiFLAC-Mobile.git synced 2026-05-18 22:28:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use consistent ViewModeChip for language selector

Browse Source 
- Remove duplicate _LanguageChip widget
- Reuse _ViewModeChip for Material Design 3 consistency
- Same font size (12), padding, and styling as other selectors
This commit is contained in:
zarzet
2026-01-16 06:28:26 +07:00
parent 01306afc2d
commit aa499ceba2
1 changed files with 3 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/screens/settings/appearance_settings_page.dart
+3 -84
View File
@@ -728,21 +728,21 @@ class _LanguageSelector extends StatelessWidget {
),
Row(
children: [
_LanguageChip(
_ViewModeChip(
icon: Icons.phone_android,
label: context.l10n.languageSystem,
isSelected: currentLocale == 'system',
onTap: () => onChanged('system'),
),
const SizedBox(width: 8),
_LanguageChip(
_ViewModeChip(
icon: Icons.language,
label: context.l10n.languageEnglish,
isSelected: currentLocale == 'en',
onTap: () => onChanged('en'),
),
const SizedBox(width: 8),
_LanguageChip(
_ViewModeChip(
icon: Icons.language,
label: context.l10n.languageIndonesian,
isSelected: currentLocale == 'id',
@@ -755,84 +755,3 @@ class _LanguageSelector extends StatelessWidget {
);
}
}
class _LanguageChip extends StatelessWidget {
final IconData icon;
final String label;
final bool isSelected;
final VoidCallback onTap;
const _LanguageChip({
required this.icon,
required this.label,
required this.isSelected,
required this.onTap,
});
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
final isDark = Theme.of(context).brightness == Brightness.dark;
final unselectedColor = isDark
? Color.alphaBlend(
Colors.white.withValues(alpha: 0.05),
colorScheme.surface,
)
: Color.alphaBlend(
Colors.black.withValues(alpha: 0.05),
colorScheme.surfaceContainerHighest,
);
return Expanded(
child: Container(
decoration: BoxDecoration(
color: isSelected ? colorScheme.primaryContainer : unselectedColor,
borderRadius: BorderRadius.circular(12),
border: !isDark && !isSelected
? Border.all(
color: colorScheme.outlineVariant.withValues(alpha: 0.5),
width: 1,
)
: null,
),
child: Material(
color: Colors.transparent,
borderRadius: BorderRadius.circular(12),
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(12),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 14),
child: Column(
children: [
Icon(
icon,
color: isSelected
? colorScheme.onPrimaryContainer
: colorScheme.onSurfaceVariant,
),
const SizedBox(height: 6),
Text(
label,
style: TextStyle(
fontSize: 11,
fontWeight: isSelected
? FontWeight.w600
: FontWeight.normal,
color: isSelected
? colorScheme.onPrimaryContainer
: colorScheme.onSurfaceVariant,
),
textAlign: TextAlign.center,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
],
),
),
),
),
),
);
}
}