Updating some more UI

lib/src/dialogs/create_event_dialog.dart

@@ -82,7 +82,7 @@ class CreateEventDialog extends HookConsumerWidget {
             style: TextStyle(color: Colors.red),
           ),
         ),
-        TextButton(
+        FilledButton(
           onPressed: () async {
             final event = await ref.read(eventRepositoryProvider.future).then(
                 (value) => value.createEvent(

lib/src/screens/event/components/dialogs/add_fight.dart

@@ -136,12 +136,12 @@ class AddFightDialog extends HookConsumerWidget {
         ],
       ),
       actions: [
-        TextButton(
+        ElevatedButton(
             onPressed: () {
               Navigator.of(context).pop();
             },
             child: const Text("Cancel")),
-        TextButton(
+        FilledButton(
             onPressed: canCreate
                 ? () async {
                     final nav = Navigator.of(context);

lib/src/screens/event/components/fight_list.dart

@@ -131,13 +131,13 @@ class EventFightList extends HookConsumerWidget {
                                   ],
                                 ),
                                 actions: [
-                                  TextButton(
+                                  ElevatedButton(
                                     onPressed: () {
                                       Navigator.of(context).pop();
                                     },
                                     child: const Text("Cancel"),
                                   ),
-                                  ElevatedButton(
+                                  FilledButton(
                                     onPressed: () async {
                                       final selectedFights = fights.value
                                           .where((element) => selected.value
@@ -285,7 +285,7 @@ class EventFightList extends HookConsumerWidget {
               ],
             ),
             const Spacer(),
-            FloatingActionButton.extended(
+            FilledButton.icon(
               onPressed: () {
                 showDialog(
                   context: context,

lib/src/screens/event/components/loaded_event.dart

@@ -125,6 +125,7 @@ class LoadedEventScreen extends HookConsumerWidget {
               final accepted = await showDialog(
                   context: context,
                   builder: (context) => AlertDialog(
+                        icon: const Icon(Icons.warning),
                         title: const Text("Unsaved changes"),
                         content: const Text(
                             "You have unsaved changes. Do you want to discard them?"),

lib/src/screens/event/event.dart

@@ -60,9 +60,7 @@ class EditEventScreen extends HookConsumerWidget {
             appBar: AppBar(
               title: const Text('Loading'),
             ),
-            body: const Center(
+            body: const LinearProgressIndicator(),
-              child: CircularProgressIndicator(),
-            ),
           );
         }
         final eventData = snapshot.data as EventExtended;

lib/src/screens/home/home.dart

@@ -52,9 +52,43 @@ class HomeScreen extends HookConsumerWidget {
 
     final navRailIndex = useState(0);
     return Scaffold(
+      drawer: NavigationDrawer(
+        selectedIndex: navRailIndex.value,
+        onDestinationSelected: (index) {
+          if (index == 2) {
+            context.go('/settings');
+            return;
+          }
+          navRailIndex.value = index;
+        },
+        children: [
+          Padding(
+            padding: const EdgeInsets.fromLTRB(28, 16, 16, 10),
+            child: Text(
+              'SteamWar',
+              style: Theme.of(context).textTheme.titleSmall,
+            ),
+          ),
+          const NavigationDrawerDestination(
+            icon: Icon(Icons.calendar_today_outlined),
+            label: Text("Events"),
+            selectedIcon: Icon(Icons.calendar_today),
+          ),
+          const NavigationDrawerDestination(
+            icon: Icon(Icons.developer_mode_outlined),
+            label: Text("Mods"),
+            selectedIcon: Icon(Icons.developer_mode),
+          ),
+          const Spacer(),
+          const NavigationDrawerDestination(
+            icon: Icon(Icons.settings_outlined),
+            label: Text("Settings"),
+            selectedIcon: Icon(Icons.settings),
+          ),
+        ],
+      ),
       appBar: AppBar(
         title: const Text('Home'),
-        automaticallyImplyLeading: false,
         actions: [
           IconButton(
             onPressed: () {
@@ -95,33 +129,8 @@ class HomeScreen extends HookConsumerWidget {
           ),
         ],
       ),
-      body: Row(
+      body: Padding(
-        children: [
+        padding: const EdgeInsets.all(8.0),
-          NavigationRail(
-            elevation: 1,
-            destinations: const [
-              NavigationRailDestination(
-                icon: Icon(Icons.calendar_today),
-                label: Text('Events'),
-              ),
-              NavigationRailDestination(
-                icon: Icon(Icons.developer_mode),
-                label: Text('Mods'),
-              ),
-            ],
-            labelType: NavigationRailLabelType.selected,
-            trailing: IconButton(
-              icon: const Icon(Icons.person),
-              onPressed: () {
-                context.go('/settings');
-              },
-            ),
-            selectedIndex: navRailIndex.value,
-            onDestinationSelected: (index) {
-              navRailIndex.value = index;
-            },
-          ),
-          Expanded(
         child: IndexedStack(
           index: navRailIndex.value,
           children: const [
@@ -132,8 +141,6 @@ class HomeScreen extends HookConsumerWidget {
           ],
         ),
       ),
-        ],
-      ),
     );
   }
 }

lib/src/screens/home/lists/events_list.dart

@@ -39,7 +39,9 @@ class EventListComponent extends HookConsumerWidget {
       final currentEvent = data.indexWhere((element) => element.isCurrent);
       return ListView(
         children: [
-          FloatingActionButton.extended(
+          Row(
+            children: [
+              FilledButton.icon(
                 onPressed: () {
                   showDialog(
                       context: context,
@@ -48,6 +50,8 @@ class EventListComponent extends HookConsumerWidget {
                 label: const Text("Create Event"),
                 icon: const Icon(Icons.add),
               ),
+            ],
+          ),
           const SizedBox(
             height: 16,
           ),