MrBlake/MrbWebLibre
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

refactored selectable chips

Browse Source
This commit is contained in:
Fabian Freund
2024-08-17 06:24:21 +02:00
parent d948b13fa4
commit a465195ec4
4 changed files with 100 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/features/bangs/presentation/widgets/bang_chips.dart
-69
View File
@@ -1,69 +0,0 @@
import 'package:flutter/material.dart';
import 'package:lensai/features/bangs/data/models/bang_data.dart';
import 'package:lensai/features/bangs/presentation/widgets/bang_icon.dart';
class BangChips extends StatelessWidget {
final List<BangData> availableBangs;
final BangData? selectedBang;
final int maxBangCount;
final void Function(String trigger)? onSelected;
final void Function(String trigger)? onDeleted;
const BangChips({
required this.availableBangs,
this.selectedBang,
this.maxBangCount = 25,
this.onSelected,
this.onDeleted,
super.key,
});
@override
Widget build(BuildContext context) {
var bangs = availableBangs.take(maxBangCount).toList();
if (selectedBang != null) {
final selectedIndex =
bangs.indexWhere((bang) => bang.trigger == selectedBang?.trigger);
if (selectedIndex < 0) {
bangs = [
selectedBang!,
...bangs,
];
} else {
bangs = [
bangs.removeAt(selectedIndex),
...bangs,
];
}
}
return ListView.builder(
scrollDirection: Axis.horizontal,
shrinkWrap: true,
itemCount: bangs.length,
itemBuilder: (context, index) {
final bang = bangs[index];
return Padding(
padding: const EdgeInsets.only(right: 8.0),
child: FilterChip(
selected: bang.trigger == selectedBang?.trigger,
showCheckmark: false,
onSelected: (value) {
if (value) {
onSelected?.call(bang.trigger);
} else {
onDeleted?.call(bang.trigger);
}
},
onDeleted: () {
onDeleted?.call(bang.trigger);
},
avatar: BangIcon(bang, iconSize: 20),
label: Text(bang.websiteName),
),
);
},
);
}
}
app/lib/features/bangs/presentation/widgets/site_search.dart
+12 -8
View File
@@ -4,10 +4,11 @@ import 'package:flutter_material_design_icons/flutter_material_design_icons.dart
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:lensai/features/bangs/data/models/bang_data.dart';
import 'package:lensai/features/bangs/domain/repositories/data.dart';
import 'package:lensai/features/bangs/presentation/widgets/bang_chips.dart';
import 'package:lensai/features/bangs/presentation/widgets/bang_icon.dart';
import 'package:lensai/features/bangs/presentation/widgets/search_field.dart';
import 'package:lensai/features/search_browser/domain/providers.dart';
import 'package:lensai/features/web_view/presentation/controllers/switch_new_tab.dart';
import 'package:lensai/presentation/widgets/selectable_chips.dart';
class SiteSearch extends HookConsumerWidget {
final String domain;
@@ -54,21 +55,24 @@ class SiteSearch extends HookConsumerWidget {
SizedBox(
height: 48,
width: double.maxFinite,
child: BangChips(
availableBangs: availableBangs,
selectedBang: selectedBang,
onSelected: (trigger) {
child: SelectableChips(
itemId: (bang) => bang.trigger,
itemAvatar: (bang) => BangIcon(bang, iconSize: 20),
itemLabel: (bang) => Text(bang.websiteName),
available: availableBangs,
selected: selectedBang,
onSelected: (bang) {
ref
.read(
selectedBangTriggerProvider(domain: domain).notifier,
)
.setTrigger(trigger);
.setTrigger(bang.trigger);
},
onDeleted: (trigger) {
onDeleted: (bang) {
if (ref.read(
selectedBangTriggerProvider(domain: domain),
) ==
trigger) {
bang.trigger) {
ref
.read(
selectedBangTriggerProvider(domain: domain).notifier,