feat(login page): adds the version on the bottom of the login page fo…

…r both desktop and mobile views PE-4533
ardriveapp · Sep 27, 2023 · 3070914 · 3070914
1 parent 632deb1
commit 3070914
Showing 1 changed file with 33 additions and 5 deletions.
diff --git a/lib/authentication/login/views/login_page.dart b/lib/authentication/login/views/login_page.dart
@@ -8,6 +8,7 @@ import 'package:ardrive/authentication/login/blocs/login_bloc.dart';
 import 'package:ardrive/authentication/login/blocs/stub_web_wallet.dart' // stub implementation
     if (dart.library.html) 'package:ardrive/authentication/login/blocs/web_wallet.dart';
 import 'package:ardrive/blocs/profile/profile_cubit.dart';
+import 'package:ardrive/components/app_version_widget.dart';
 import 'package:ardrive/misc/resources.dart';
 import 'package:ardrive/pages/drive_detail/components/hover_widget.dart';
 import 'package:ardrive/services/arconnect/arconnect.dart';
@@ -98,10 +99,20 @@ class _LoginPageScaffoldState extends State<LoginPageScaffold> {
         child: Row(
           children: [
             Expanded(
-              child: _buildIllustration(
-                  context,
-                  // verify theme light
-                  Resources.images.login.gridImage),
+              child: Stack(
+                children: [
+                  _buildIllustration(
+                    context,
+                    // verify theme light
+                    Resources.images.login.gridImage,
+                  ),
+                  const Positioned(
+                    bottom: 16,
+                    left: 16,
+                    child: AppVersionWidget(),
+                  ),
+                ],
+              ),
             ),
             Expanded(
               child: FractionallySizedBox(
@@ -122,7 +133,24 @@ class _LoginPageScaffoldState extends State<LoginPageScaffold> {
               horizontal: 16,
               vertical: 8,
             ),
-            child: Center(child: _buildContent(context)),
+            child: Stack(
+              children: [
+                Center(
+                  child: Column(
+                    children: [
+                      _buildContent(context),
+                    ],
+                  ),
+                ),
+                Positioned(
+                  bottom: 16,
+                  child: SizedBox(
+                    width: MediaQuery.of(context).size.width - 32,
+                    child: const AppVersionWidget(),
+                  ),
+                ),
+              ],
+            ),
           ),
         ),
       ),