Added logo image and text

Tomasz Kądziołka · Tomasz Kądziołka · commit 26bdda70e665 · 2022-12-04T11:23:33.000+01:00
diff --git a/flutter_module/assets/images/illustrations/app_logo.png b/flutter_module/assets/images/illustrations/app_logo.png
diff --git a/flutter_module/fonts/Kanit-Regular.ttf b/flutter_module/fonts/Kanit-Regular.ttf
diff --git a/flutter_module/lib/generated/assets.dart b/flutter_module/lib/generated/assets.dart
@@ -2,6 +2,7 @@
 class Assets {
   Assets._();
 
+  static const String appLogo = 'assets/images/illustrations/app_logo.png';
   static const String reactionDislike = 'assets/images/icons/reaction_dislike.png';
   static const String reactionLike = 'assets/images/icons/reaction_like.png';
   static const String reactionUndefined = 'assets/images/icons/reaction_undefined.png';
diff --git a/flutter_module/lib/presentation/screens/login_screen.dart b/flutter_module/lib/presentation/screens/login_screen.dart
@@ -1,8 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:flutter_module/generated/assets.dart';
 import 'package:flutter_module/presentation/navigation/login/login_navigator.dart';
 import 'package:flutter_module/presentation/screens/named_screen.dart';
+import 'package:flutter_module/presentation/styles/dimens.dart';
 import 'package:flutter_module/presentation/styles/padding_styles.dart';
+import 'package:flutter_module/presentation/styles/text_styles.dart';
 import 'package:flutter_module/presentation/widgets/login_input_card.dart';
 import 'package:flutter_module/utils/hooks/use_navigator.dart';
 import 'package:go_router/go_router.dart';
@@ -33,23 +36,30 @@ class _MainPage extends HookWidget {
     final password = useState("");
 
     return Scaffold(
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            // TODO Extract strings
-            Text(LoginScreen.name),
-            PaddingStyles.regular(
-              LoginInputCard(
-                onLoginChanged: (value) => login.value = value,
-                onPasswordChanged: (value) => password.value = value,
+      body: SingleChildScrollView(
+        child: Center(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              const SizedBox(height: Dimens.xxl),
+              TextStyles.appLogo('SnipMe'),
+              const SizedBox(height: Dimens.xxl),
+              Image.asset(Assets.appLogo),
+              const SizedBox(height: Dimens.xxl),
+              const TextStyles.secondary('Snip your favorite code'),
+              PaddingStyles.regular(
+                LoginInputCard(
+                  onLoginChanged: (value) => login.value = value,
+                  onPasswordChanged: (value) => password.value = value,
+                ),
               ),
-            ),
-            MaterialButton(
-              child: const Text("Navigate to login"),
-              onPressed: navigator.login,
-            ),
-          ],
+              MaterialButton(
+                onPressed: navigator.login,
+                child: const Text("Navigate to login"),
+              ),
+              const SizedBox(height: Dimens.xxl),
+            ],
+          ),
         ),
       ),
     );
diff --git a/flutter_module/lib/presentation/styles/text_styles.dart b/flutter_module/lib/presentation/styles/text_styles.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_module/presentation/styles/color_styles.dart';
 
 class TextStyles extends Text {
   final String text;
@@ -57,4 +58,15 @@ class TextStyles extends Text {
           key: key,
           style: const TextStyle(fontSize: 10, color: Colors.grey),
         );
+
+  TextStyles.appLogo(this.text, {Key? key})
+      : super(
+          text,
+          key: key,
+          style: TextStyle(
+            fontFamily: 'Kanit',
+            fontSize: 24,
+            color: ColorStyles.accent(),
+          ),
+        );
 }
diff --git a/flutter_module/pubspec.yaml b/flutter_module/pubspec.yaml
@@ -55,9 +55,15 @@ flutter:
   # the material Icons class.
   uses-material-design: true
   assets:
+    - assets/images/illustrations/app_logo.png
     - assets/images/icons/reaction_undefined.png
     - assets/images/icons/reaction_like.png
     - assets/images/icons/reaction_dislike.png
+  fonts:
+    - family: Kanit
+      fonts:
+        - asset: fonts/Kanit-Regular.ttf
+
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.
