86 lines
2.3 KiB
Dart
86 lines
2.3 KiB
Dart
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
import '../../../core/database/app_database.dart';
|
|||
|
|
import '../../../core/providers/activity_provider.dart';
|
|||
|
|
|
|||
|
|
/// 60 px chip showing selected activities:
|
|||
|
|
/// - 0 selected : nothing (caller should not render)
|
|||
|
|
/// - 1 selected : single Material icon centred
|
|||
|
|
/// - 2–4 selected: 2×2 mini grid of 16 px icons
|
|||
|
|
/// - 5+ selected : icon + count badge
|
|||
|
|
class ActivitiesChip extends ConsumerWidget {
|
|||
|
|
final Color backgroundColor;
|
|||
|
|
final VoidCallback? onTap;
|
|||
|
|
|
|||
|
|
const ActivitiesChip({
|
|||
|
|
super.key,
|
|||
|
|
required this.backgroundColor,
|
|||
|
|
this.onTap,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|||
|
|
final activitiesAsync = ref.watch(activitiesProvider);
|
|||
|
|
final selected = ref.watch(selectedActivitiesProvider);
|
|||
|
|
|
|||
|
|
return activitiesAsync.when(
|
|||
|
|
loading: () => _shell(backgroundColor, onTap,
|
|||
|
|
const CircularProgressIndicator(strokeWidth: 2)),
|
|||
|
|
error: (_, __) => const SizedBox.shrink(),
|
|||
|
|
data: (all) {
|
|||
|
|
final picked =
|
|||
|
|
all.where((a) => selected.contains(a.id)).toList();
|
|||
|
|
if (picked.isEmpty) return const SizedBox(width: 60, height: 60);
|
|||
|
|
return _shell(
|
|||
|
|
backgroundColor,
|
|||
|
|
onTap,
|
|||
|
|
_iconContent(picked),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _shell(Color bg, VoidCallback? tap, Widget child) {
|
|||
|
|
return GestureDetector(
|
|||
|
|
onTap: tap,
|
|||
|
|
child: Container(
|
|||
|
|
width: 60,
|
|||
|
|
height: 60,
|
|||
|
|
decoration: BoxDecoration(color: bg, shape: BoxShape.circle),
|
|||
|
|
child: Center(child: child),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _iconContent(List<Activity> picked) {
|
|||
|
|
if (picked.length == 1) {
|
|||
|
|
return Text(
|
|||
|
|
String.fromCharCode(picked[0].iconCodepoint),
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontFamily: 'MaterialIcons',
|
|||
|
|
fontSize: 24,
|
|||
|
|
color: Colors.white,
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final show = picked.take(4).toList();
|
|||
|
|
return Wrap(
|
|||
|
|
spacing: 2,
|
|||
|
|
runSpacing: 2,
|
|||
|
|
children: show
|
|||
|
|
.map(
|
|||
|
|
(a) => Text(
|
|||
|
|
String.fromCharCode(a.iconCodepoint),
|
|||
|
|
style: const TextStyle(
|
|||
|
|
fontFamily: 'MaterialIcons',
|
|||
|
|
fontSize: 16,
|
|||
|
|
color: Colors.white,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
.toList(),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|