add a page of saved selections

Signed-off-by: Jeff Carr <jcarr@wit.com>

lib/main.dart

@@ -9,62 +9,59 @@ void main() {
   runApp(const MyApp());
 }
 
-// #docregion MyApp
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
 
-  // #docregion build
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return const MaterialApp(
       title: 'Startup Name Generator',
-      home: Scaffold(
+      home: RandomWords(),
-        appBar: AppBar(
-          title: const Text('Startup Name Generator'),
-        ),
-        body: const Center(
-          child: RandomWords(),
-        ),
-      ),
     );
   }
-  // #enddocregion build
 }
-// #enddocregion MyApp
 
-// #docregion RWS-var
 class _RandomWordsState extends State<RandomWords> {
   final _suggestions = <WordPair>[];
-  final _saved = <WordPair>{};     // NEW
+  final _saved = <WordPair>{};
-  final _biggerFont = const TextStyle(fontSize: 36);
+  final _biggerFont = const TextStyle(fontSize: 18);
-  // #enddocregion RWS-var
 
-  // #docregion RWS-build
   @override
   Widget build(BuildContext context) {
-    // #docregion itemBuilder
+    return Scaffold(
-    return ListView.builder(
+      appBar: AppBar(
+        title: const Text('Startup Name Generator'),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.list),
+            onPressed: _pushSaved,
+            tooltip: 'Saved Suggestions',
+          ),
+        ],
+      ),
+      body: ListView.builder(
         padding: const EdgeInsets.all(16.0),
-      itemBuilder: /*1*/ (context, i) {
+        itemBuilder: (context, i) {
-        if (i.isOdd) return const Divider(); /*2*/
+          if (i.isOdd) return const Divider();
 
-        final index = i ~/ 2; /*3*/
+          final index = i ~/ 2;
           if (index >= _suggestions.length) {
-          _suggestions.addAll(generateWordPairs().take(10)); /*4*/
+            _suggestions.addAll(generateWordPairs().take(10));
           }
-        final alreadySaved = _saved.contains(_suggestions[index]); // NEW
+
-        // #docregion listTile
+          final alreadySaved = _saved.contains(_suggestions[index]);
+
           return ListTile(
             title: Text(
               _suggestions[index].asPascalCase,
               style: _biggerFont,
             ),
-          trailing: Icon(    // NEW from here ...
+            trailing: Icon(
               alreadySaved ? Icons.favorite : Icons.favorite_border,
               color: alreadySaved ? Colors.red : null,
               semanticLabel: alreadySaved ? 'Remove from saved' : 'Save',
             ),
-          onTap: () {          // NEW from here ...
+            onTap: () {
               setState(() {
                 if (alreadySaved) {
                   _saved.remove(_suggestions[index]);
@@ -72,16 +69,45 @@ class _RandomWordsState extends State<RandomWords> {
                   _saved.add(_suggestions[index]);
                 }
               });
-          });
-        // #enddocregion listTile
             },
           );
-    // #enddocregion itemBuilder
+        },
+      ),
+    );
+  }
+
+  void _pushSaved() {
+    Navigator.of(context).push(
+      MaterialPageRoute<void>(
+        builder: (context) {
+          final tiles = _saved.map(
+            (pair) {
+              return ListTile(
+                title: Text(
+                  pair.asPascalCase,
+                  style: _biggerFont,
+                ),
+              );
+            },
+          );
+          final divided = tiles.isNotEmpty
+              ? ListTile.divideTiles(
+                  context: context,
+                  tiles: tiles,
+                ).toList()
+              : <Widget>[];
+
+          return Scaffold(
+            appBar: AppBar(
+              title: const Text('Saved Suggestions'),
+            ),
+            body: ListView(children: divided),
+          );
+        },
+      ),
+    );
   }
-  // #enddocregion RWS-build
-  // #docregion RWS-var
 }
-// #enddocregion RWS-var
 
 class RandomWords extends StatefulWidget {
   const RandomWords({super.key});