@@ -46,30 +46,34 @@ class Home extends HookConsumerWidget {
4646 key: addTodoKey,
4747 controller: newTodoController,
4848 decoration: const InputDecoration (
49- labelText: 'What needs to be done ?' ,
49+ labelText: 'What do we need to do ?' ,
5050 ),
5151 onSubmitted: (value) {
5252 ref.read (todoListProvider.notifier).add (value);
5353 newTodoController.clear ();
5454 },
5555 ),
56+
5657 const SizedBox (height: 42 ),
57- Text ('${ref .watch (uncompletedTodosCount )} items left' ),
58+
59+ Padding (
60+ padding: const EdgeInsets .only (bottom: 16.0 ),
61+ child: Text (
62+ '${ref .watch (uncompletedTodosCount )} items left' ,
63+ style: const TextStyle (fontSize: 20 ),),
64+ ),
65+
5866 if (todos.isNotEmpty) const Divider (height: 0 ),
5967 for (var i = 0 ; i < todos.length; i++ ) ...[
68+
6069 if (i > 0 ) const Divider (height: 0 ),
61- Dismissible (
62- key: ValueKey (todos[i].id),
63- onDismissed: (_) {
64- ref.read (todoListProvider.notifier).remove (todos[i]);
65- },
66- child: ProviderScope (
70+ ProviderScope (
6771 overrides: [
6872 _currentTodo.overrideWithValue (todos[i]),
6973 ],
7074 child: const TodoItem (),
71- ),
72- )
75+ ),
76+
7377 ],
7478 ],
7579 ),
@@ -79,6 +83,7 @@ class Home extends HookConsumerWidget {
7983 }
8084}
8185
86+ /// Bottom menu widget
8287class Menu extends HookConsumerWidget {
8388 const Menu ({
8489 Key ? key,
0 commit comments