Proper theming, selection

1 files changed, 16 insertions, 1 deletions

diff --git a/lib/widgets/badge_motive_list.dart b/lib/widgets/badge_motive_list.dart
index 93e79f8..1da85fa 100644
--- a/lib/widgets/badge_motive_list.dart
+++ b/lib/widgets/badge_motive_list.dart
@@ -30,8 +30,12 @@ class BadgeMotiveList extends NotifyingListWidget<BadgeMotive> {
 }
 
 class _BadgeMotiveListState extends State<BadgeMotiveList> {
+  int _selectedIndex = -1;
+
   @override
   Widget build(BuildContext context) {
+    var mytheme = Theme.of(context);
+
     return Flexible(
       fit: FlexFit.loose,
       child: Column(
@@ -47,7 +51,18 @@ class _BadgeMotiveListState extends State<BadgeMotiveList> {
                 return ListView.separated(
                   itemBuilder: (context, index) {
                     var item = widget._motiveVM.motives[index];
-                    return ListTile(title: Text(item.toString()));
+                    return ListTile(
+                      title: Text(item.description),
+                      selectedTileColor: mytheme.primaryColorLight,
+                      selectedColor: Colors.black,
+                      onTap: () {
+                        setState(() {
+                          _selectedIndex = index;
+                        });
+                        widget.onItemSelected(item);
+                      },
+                      selected: _selectedIndex == index,
+                    );
                   },
                   separatorBuilder: (context, index) {
                     return Divider();