Add selection in history page and refresh home page after history changed (#199)

lib/pages/history_page.dart

@@ -33,17 +33,81 @@ class _HistoryPageState extends State<HistoryPage> {
   }
 
   var comics = HistoryManager().getAll();
-
   var controller = FlyoutController();
   
+  bool multiSelectMode = false;
+  Map<History, bool> selectedComics = {};
+
+  void selectAll() {
+    setState(() {
+      selectedComics = comics.asMap().map((k, v) => MapEntry(v, true));
+    });
+  }
+
+  void deSelect() {
+    setState(() {
+      selectedComics.clear();
+    });
+  }
+
+  void invertSelection() {
+    setState(() {
+      comics.asMap().forEach((k, v) {
+        selectedComics[v] = !selectedComics.putIfAbsent(v, () => false);
+      });
+      selectedComics.removeWhere((k, v) => !v);
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      body: SmoothCustomScrollView(
-        slivers: [
-          SliverAppbar(
-            title: Text('History'.tl),
-            actions: [
+    List<Widget> selectActions = [
+      IconButton(
+        icon: const Icon(Icons.select_all),
+        tooltip: "Select All".tl,
+        onPressed: selectAll
+      ),
+      IconButton(
+        icon: const Icon(Icons.deselect),
+        tooltip: "Deselect".tl,
+        onPressed: deSelect
+      ),
+      IconButton(
+        icon: const Icon(Icons.flip),
+        tooltip: "Invert Selection".tl,
+        onPressed: invertSelection
+      ),
+      IconButton(
+        icon: const Icon(Icons.delete),
+        tooltip: "Delete".tl,
+        onPressed: selectedComics.isEmpty ? null : () {
+          for (final comic in selectedComics.keys) {
+            if (comic.sourceKey.startsWith("Unknown")) {
+              HistoryManager().remove(
+                comic.id,
+                ComicType(int.parse(comic.sourceKey.split(':')[1])),
+              );
+            } else if (comic.sourceKey == 'local') {
+              HistoryManager().remove(
+                comic.id,
+                ComicType.local,
+              );
+            } else {
+              HistoryManager().remove(
+                comic.id,
+                ComicType(comic.sourceKey.hashCode),
+              );
+            }
+          }
+          setState(() {
+            multiSelectMode = false;
+            selectedComics.clear();
+          });
+        },
+      ),
+    ];
+
+    List<Widget> normalActions = [
       Tooltip(
         message: 'Clear History'.tl,
         child: Flyout(
@@ -51,8 +115,7 @@ class _HistoryPageState extends State<HistoryPage> {
           flyoutBuilder: (context) {
             return FlyoutContent(
               title: 'Clear History'.tl,
-                      content: Text(
-                          'Are you sure you want to clear your history?'.tl),
+              content: Text('Are you sure you want to clear your history?'.tl),
               actions: [
                 Button.filled(
                   color: context.colorScheme.error,
@@ -73,10 +136,66 @@ class _HistoryPageState extends State<HistoryPage> {
           ),
         ),
       )
-            ],
+    ];
+
+    return PopScope(
+      canPop: !multiSelectMode,
+      onPopInvokedWithResult: (didPop, result) {
+        if (multiSelectMode) {
+          setState(() {
+            multiSelectMode = false;
+            selectedComics.clear();
+          });
+        }
+      },
+      child: Scaffold(
+        body: SmoothCustomScrollView(
+          slivers: [
+            SliverAppbar(
+              leading: Tooltip(
+                message: multiSelectMode ? "Cancel".tl : "Back".tl,
+                child: IconButton(
+                  onPressed: () {
+                    if (multiSelectMode) {
+                      setState(() {
+                        multiSelectMode = false;
+                        selectedComics.clear();
+                      });
+                    } else {
+                      context.pop();
+                    }
+                  },
+                  icon: multiSelectMode
+                      ? const Icon(Icons.close)
+                      : const Icon(Icons.arrow_back),
+                ),
+              ),
+              title: multiSelectMode
+                  ? Text(selectedComics.length.toString())
+                  : Text('History'.tl),
+              actions: multiSelectMode ? selectActions : normalActions,
             ),
             SliverGridComics(
               comics: comics,
+              selections: selectedComics,
+              onLongPressed: (c) {
+                setState(() {
+                  multiSelectMode = true;
+                  selectedComics[c as History] = true;
+                });
+              },
+              onTap: multiSelectMode ? (c) {
+                setState(() {
+                  if (selectedComics.containsKey(c as History)) {
+                    selectedComics.remove(c);
+                  } else {
+                    selectedComics[c] = true;
+                  }
+                  if (selectedComics.isEmpty) {
+                    multiSelectMode = false;
+                  }
+                });
+              } : null,
               badgeBuilder: (c) {
                 return ComicSource.find(c.sourceKey)?.name;
               },
@@ -110,6 +229,7 @@ class _HistoryPageState extends State<HistoryPage> {
             ),
           ],
         ),
+      ),
     );
   }
 

lib/pages/home_page.dart

@@ -197,11 +197,13 @@ class _HistoryState extends State<_History> {
   late int count;
 
   void onHistoryChange() {
+    if (mounted) {
       setState(() {
         history = HistoryManager().getRecent();
         count = HistoryManager().count();
       });
     }
+  }
 
   @override
   void initState() {