Improved 'Check for updates' button (#51)

* Improved Check for updates  button

Placed the 'check for updates' button in the header instead of the footer to better incorporate changes I made in techno-disaster/navigation_rail#1

* Stateless Widget instead of local method

Converted the `_checkForUpdates` local method to a private Stateless Widget `_CheckForUpdates`

* Update home.dart

removed redundant code

* import_sorter fix

import_sorter fix

Author: lilmistake

lib/screens/home.dart

@@ -16,6 +16,7 @@ import 'package:ccxgui/screens/settings/hardsubx_settings.dart';
 import 'package:ccxgui/screens/settings/input_settings.dart';
 import 'package:ccxgui/screens/settings/obscure_settings.dart';
 import 'package:ccxgui/screens/settings/output_settings.dart';
+import 'package:ccxgui/utils/constants.dart';
 
 class Home extends StatefulWidget {
   @override
@@ -79,63 +80,18 @@ class _HomeState extends State<Home> {
         hideTitleBar: true,
         drawerHeaderBuilder: (context) {
           return Column(
+            mainAxisAlignment: MainAxisAlignment.center,
             children: <Widget>[
               DrawerHeader(
                 child: SvgPicture.asset(
                   logo,
                   semanticsLabel: 'CCExtractor Logo',
                 ),
               ),
-              BlocBuilder<ProcessBloc, ProcessState>(
-                builder: (context, state) {
-                  return Text(
-                    'Version: ' + state.version!.trim(),
-                    style: TextStyle(
-                        fontSize: 12,
-                        color: Theme.of(context)
-                            .bottomNavigationBarTheme
-                            .backgroundColor),
-                  );
-                },
-              ),
+              _CheckForUpdatesButton()
             ],
           );
         },
-        drawerFooterBuilder: (context) {
-          return Platform.isWindows
-              ? Padding(
-                  padding: const EdgeInsets.only(left: 20.0, bottom: 16),
-                  child: BlocBuilder<ProcessBloc, ProcessState>(
-                    builder: (context, processState) {
-                      return MaterialButton(
-                        hoverColor: Colors.transparent,
-                        onPressed: () {
-                          context
-                              .read<UpdaterBloc>()
-                              .add(CheckForUpdates(processState.version!));
-                        },
-                        child: Row(
-                          children: [
-                            Icon(
-                              Icons.update,
-                              color: Colors.white54,
-                            ),
-                            SizedBox(
-                              width: 20,
-                            ),
-                            Text(
-                              'Check for updates',
-                              style: TextStyle(
-                                  color: Colors.white60, fontSize: 14),
-                            ),
-                          ],
-                        ),
-                      );
-                    },
-                  ),
-                )
-              : Container();
-        },
         currentIndex: _currentIndex,
         onTap: (val) {
           if (mounted && _currentIndex != val) {
@@ -185,3 +141,66 @@ class _HomeState extends State<Home> {
     );
   }
 }
+
+class _CheckForUpdatesButton extends StatelessWidget {
+  const _CheckForUpdatesButton({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    if (!Platform.isWindows) return Container();
+
+    return BlocBuilder<ProcessBloc, ProcessState>(
+      builder: (context, state) {
+        return InkWell(
+          borderRadius: BorderRadius.circular(25),
+          hoverColor: Colors.transparent,
+          onTap: () {
+            context.read<UpdaterBloc>().add(CheckForUpdates(state.version!));
+          },
+          child: Container(
+            margin: const EdgeInsets.all(10),
+            padding: const EdgeInsets.all(12),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(25),
+              color: kBgLightColor,
+            ),
+            child: Material(
+              type: MaterialType.transparency,
+              child: IntrinsicHeight(
+                child: Row(
+                  children: [
+                    Icon(
+                      Icons.update,
+                      color: Colors.white54,
+                    ),
+                    VerticalDivider(),
+                    Expanded(
+                      child: FittedBox(
+                        child: Text(
+                          'Check for updates',
+                          style: TextStyle(color: Colors.white, fontSize: 15),
+                          textAlign: TextAlign.center,
+                        ),
+                      ),
+                    ),
+                    VerticalDivider(),
+                    Text(
+                      'V${state.version!.trim()}',
+                      style: TextStyle(
+                        fontSize: 12,
+                        fontWeight: FontWeight.bold,
+                        color: Colors.white60,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}