refactor selectable chips

This commit is contained in:
Fabian Freund
2024-08-19 04:30:28 +02:00
parent 6a364559ff
commit 5ca9595b42
2 changed files with 13 additions and 11 deletions
@@ -71,8 +71,8 @@ class SearchTab extends HookConsumerWidget {
itemId: (bang) => bang.trigger, itemId: (bang) => bang.trigger,
itemAvatar: (bang) => BangIcon(bang, iconSize: 20), itemAvatar: (bang) => BangIcon(bang, iconSize: 20),
itemLabel: (bang) => Text(bang.websiteName), itemLabel: (bang) => Text(bang.websiteName),
available: availableBangs, availableItems: availableBangs,
selected: selectedBang, selectedItem: selectedBang,
onSelected: (bang) { onSelected: (bang) {
ref ref
.read(selectedBangTriggerProvider().notifier) .read(selectedBangTriggerProvider().notifier)
@@ -1,8 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class SelectableChips<T, K> extends StatelessWidget { class SelectableChips<T, K> extends StatelessWidget {
final List<T> available; final List<T> availableItems;
final T? selected; final T? selectedItem;
final int maxCount; final int maxCount;
final K Function(T item) itemId; final K Function(T item) itemId;
@@ -16,8 +16,8 @@ class SelectableChips<T, K> extends StatelessWidget {
required this.itemId, required this.itemId,
required this.itemLabel, required this.itemLabel,
this.itemAvatar, this.itemAvatar,
required this.available, required this.availableItems,
this.selected, this.selectedItem,
this.maxCount = 25, this.maxCount = 25,
this.onSelected, this.onSelected,
this.onDeleted, this.onDeleted,
@@ -26,13 +26,14 @@ class SelectableChips<T, K> extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
var items = available.take(maxCount).toList(); var items = availableItems.take(maxCount).toList();
if (selected != null) { if (selectedItem case final T selectedItem) {
final selectedIndex = items.indexWhere( final selectedIndex = items.indexWhere(
(item) => selected != null && itemId(item) == itemId(selected!)); (item) => itemId(item) == itemId(selectedItem),
);
if (selectedIndex < 0) { if (selectedIndex < 0) {
items = [ items = [
selected!, selectedItem,
...items, ...items,
]; ];
} else { } else {
@@ -52,7 +53,8 @@ class SelectableChips<T, K> extends StatelessWidget {
return Padding( return Padding(
padding: const EdgeInsets.only(right: 8.0), padding: const EdgeInsets.only(right: 8.0),
child: FilterChip( child: FilterChip(
selected: selected != null && itemId(item) == itemId(selected!), selected: selectedItem != null &&
itemId(item) == itemId(selectedItem as T),
showCheckmark: false, showCheckmark: false,
onSelected: (value) { onSelected: (value) {
if (value) { if (value) {