task: refractoring auth

Author: Atuoha

assets/fonts/Roboto-Bold.ttf

@@ -1,97 +1,98 @@
 import 'package:flutter/material.dart';
-
+import 'package:flutter/services.dart';
 import '../../constants/colors.dart';
 
+enum Field {
+  fullname,
+  email,
+  password,
+}
+
 class CustomerLandingScreen extends StatelessWidget {
   const CustomerLandingScreen({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    Widget kContainer(
-      IconData icon,
-    ) {
-      return Container(
-        height: 50,
-        width: 50,
-        decoration: const BoxDecoration(
-          color: primaryColor,
-          borderRadius: BorderRadius.only(
-            topLeft: Radius.circular(20),
-            topRight: Radius.circular(20),
-          ),
-        ),
-        child: Center(
-          child: Icon(
-            icon,
-          ),
-        ),
-      );
-    }
+    SystemChrome.setSystemUIOverlayStyle(
+      const SystemUiOverlayStyle(
+        statusBarColor: Colors.transparent,
+      ),
+    );
 
     return Scaffold(
-        body: Column(
-      mainAxisAlignment: MainAxisAlignment.center,
-      children: [
-        Row(
-          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-          children: const [
-            Text('Create Customer Account'),
-            Icon(Icons.person, color: primaryColor),
-          ],
-        ),
-        const SizedBox(height: 20),
-        Row(
-          children: [
-            const CircleAvatar(
-              radius: 60,
-              backgroundColor: primaryColor,
-              child: Center(
-                child: Icon(
-                  Icons.image_sharp,
+        body: Padding(
+      padding: const EdgeInsets.all(18.0),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: const [
+              Text(
+                'Register as a customer',
+                style: TextStyle(
+                  fontSize: 25,
+                  fontWeight: FontWeight.w500,
                 ),
               ),
-            ),
-            const SizedBox(width: 15),
-            Column(
-              children: [
-                Container(
-                  height: 50,
-                  width: 50,
-                  decoration: const BoxDecoration(
-                    color: primaryColor,
-                    borderRadius: BorderRadius.only(
-                      topLeft: Radius.circular(20),
-                      topRight: Radius.circular(20),
+              Icon(Icons.person, color: primaryColor, size: 35),
+            ],
+          ),
+          const SizedBox(height: 20),
+          Row(
+            children: [
+              CircleAvatar(
+                radius: 60,
+                backgroundColor: primaryColor,
+                child: Center(
+                    child: Image.asset('assets/images/profile.png',
+                        color: Colors.white)),
+              ),
+              const SizedBox(width: 15),
+              Column(
+                children: [
+                  Container(
+                    height: 50,
+                    width: 50,
+                    decoration: const BoxDecoration(
+                      color: primaryColor,
+                      borderRadius: BorderRadius.only(
+                        topLeft: Radius.circular(20),
+                        topRight: Radius.circular(20),
+                      ),
                     ),
-                  ),
-                  child: const Center(
-                    child: Icon(
-                      Icons.photo,
+                    child: const Center(
+                      child: Icon(
+                        Icons.photo,
+                        color: Colors.white,
+                      ),
                     ),
                   ),
-                ),
-                const SizedBox(height: 10),
-                Container(
-                  height: 50,
-                  width: 50,
-                  decoration: const BoxDecoration(
-                    color: primaryColor,
-                    borderRadius: BorderRadius.only(
-                      bottomLeft: Radius.circular(20),
-                      bottomRight: Radius.circular(20),
+                  const SizedBox(height: 10),
+                  Container(
+                    height: 50,
+                    width: 50,
+                    decoration: const BoxDecoration(
+                      color: primaryColor,
+                      borderRadius: BorderRadius.only(
+                        bottomLeft: Radius.circular(20),
+                        bottomRight: Radius.circular(20),
+                      ),
                     ),
-                  ),
-                  child: const Center(
-                    child: Icon(
-                      Icons.camera_alt_rounded,
+                    child: const Center(
+                      child: Icon(
+                        Icons.camera_alt_rounded,
+                        color: Colors.white,
+                      ),
                     ),
-                  ),
-                )
-              ],
-            )
-          ],
-        )
-      ],
+                  )
+                ],
+              )
+            ],
+          ),
+          const SizedBox(height: 20),
+        ],
+      ),
     ));
   }
 }

assets/fonts/Roboto-Regular.ttf

@@ -58,8 +58,8 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
+  assets:
+   - assets/images/
   #   - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see