better login and register page

mobile/lib/main.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mobile/pages/log_in_page.dart';
 import 'package:mobile/repos/add_to_cart_state.dart';
 import 'package:mobile/repos/cart.dart';
 import 'package:mobile/repos/location_image.dart';
@@ -7,7 +8,6 @@ import 'package:mobile/repos/product.dart';
 import 'package:mobile/repos/receipt.dart';
 import 'package:mobile/repos/user.dart';
 import 'package:provider/provider.dart';
-import 'pages/landing_page.dart';
 import 'package:mobile/repos/bottom_navigation_bar.dart';
 
 void main() {
@@ -43,7 +43,7 @@ class MyApp extends StatelessWidget {
           ),
           useMaterial3: true,
         ),
-        home: const LandingPage(),
+        home: const LogInPage(),
       ),
     );
   }

mobile/lib/pages/all_products_page.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:mobile/repos/product.dart';
-import 'package:mobile/widgets/primary_card.dart';
+import 'package:mobile/widgets/sized_card.dart';
 import 'package:provider/provider.dart';
 import 'product_page.dart';
 
@@ -18,7 +18,7 @@ class ProductListItem extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return PrimaryCard(
+    return SizedCard(
       child: InkWell(
           borderRadius: const BorderRadius.all(Radius.circular(10)),
           onTap: () {

mobile/lib/pages/cart_page.dart

@@ -7,7 +7,7 @@ import 'package:mobile/repos/cart.dart';
 import 'package:mobile/repos/product.dart';
 import 'package:mobile/results.dart';
 import 'package:mobile/widgets/primary_button.dart';
-import 'package:mobile/widgets/primary_card.dart';
+import 'package:mobile/widgets/sized_card.dart';
 import 'package:provider/provider.dart';
 
 class CartItemView extends StatelessWidget {
@@ -29,7 +29,7 @@ class CartItemView extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return PrimaryCard(
+    return SizedCard(
       child: Row(
         children: [
           Expanded(

mobile/lib/pages/landing_page.dart

@@ -1,35 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:mobile/widgets/primary_button.dart';
-import 'log_in_page.dart';
-import 'register_page.dart';
-
-class LandingPage extends StatelessWidget {
-  const LandingPage({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
-        Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            Text("Fresh Plaza",
-                style: Theme.of(context).textTheme.headlineLarge),
-            PrimaryButton(
-                onPressed: () => {
-                      Navigator.of(context).push(MaterialPageRoute(
-                          builder: (context) => const LogInPage()))
-                    },
-                child: const Text("Log ind")),
-            PrimaryButton(
-                onPressed: () => {
-                      Navigator.of(context).push(MaterialPageRoute(
-                          builder: (context) => const RegisterPage()))
-                    },
-                child: const Text("Opret bruger"))
-          ],
-        )
-      ]),
-    );
-  }
-}

mobile/lib/pages/log_in_page.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:mobile/pages/register_page.dart';
 import 'package:mobile/repos/user.dart';
 import 'package:mobile/results.dart';
 import 'package:mobile/widgets/error_box.dart';
@@ -34,6 +35,7 @@ class LogInFormState extends State<LogInForm> {
     final passwordController = TextEditingController();
 
     return Column(
+      spacing: 10,
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         Text(
@@ -48,7 +50,7 @@ class LogInFormState extends State<LogInForm> {
           },
         ),
         PrimaryInput(
-          label: "Mail/Tlf",
+          label: "Mail",
           placeholderText: "f.eks. example@example.com",
           controller: mailController,
         ),
@@ -63,17 +65,40 @@ class LogInFormState extends State<LogInForm> {
               final usersRepo = context.read<UsersRepo>();
               final loginResult =
                   usersRepo.login(mailController.text, passwordController.text);
+
               if (loginResult is Ok) {
+                setState(() => loginError = false);
                 Navigator.of(context).push(MaterialPageRoute(
                     builder: (context) =>
                         Dashboard(user: (loginResult as Ok).value)));
               } else {
-                setState(() {
+                setState(() => loginError = true);
-                  loginError = true;
-                });
               }
             },
-            child: const Text("Log ind"))
+            child: const Text("Log ind")),
+        TextButton(
+          onPressed: () {
+            Navigator.of(context).push(
+                MaterialPageRoute(builder: (context) => const RegisterPage()));
+          },
+          child: RichText(
+              text: const TextSpan(children: [
+            TextSpan(
+              text: 'Har du ikke en konto? Klik ',
+              style: TextStyle(color: Colors.black),
+            ),
+            TextSpan(
+              text: 'her',
+              style: TextStyle(
+                  color: Color.fromARGB(255, 0, 94, 255),
+                  decoration: TextDecoration.underline),
+            ),
+            TextSpan(
+              text: ' for at oprette en konto',
+              style: TextStyle(color: Colors.black),
+            ),
+          ])),
+        )
       ],
     );
   }

mobile/lib/pages/register_page.dart

@@ -5,7 +5,6 @@ import 'package:mobile/widgets/error_box.dart';
 import 'package:mobile/widgets/primary_button.dart';
 import 'package:mobile/widgets/primary_input.dart';
 import 'package:provider/provider.dart';
-import 'log_in_page.dart';
 
 class RegisterPage extends StatelessWidget {
   const RegisterPage({super.key});
@@ -35,6 +34,7 @@ class RegisterFormState extends State<RegisterForm> {
     final mailController = TextEditingController();
     final passwordController = TextEditingController();
     return Column(
+      spacing: 10,
       mainAxisAlignment: MainAxisAlignment.center,
       children: [
         Text(
@@ -55,7 +55,7 @@ class RegisterFormState extends State<RegisterForm> {
           controller: nameController,
         ),
         PrimaryInput(
-          label: "Mail/Tlf",
+          label: "Mail",
           placeholderText: "f.eks. example@example.com",
           controller: mailController,
         ),
@@ -74,15 +74,35 @@ class RegisterFormState extends State<RegisterForm> {
               final usersRepo = context.read<UsersRepo>();
               if (usersRepo.addUser(nameController.text, mailController.text,
                   passwordController.text) is Ok) {
-                Navigator.of(context).push(
+                setState(() => registerError = false);
-                    MaterialPageRoute(builder: (context) => const LogInPage()));
+                Navigator.of(context).pop();
               } else {
-                setState(() {
+                setState(() => registerError = true);
-                  registerError = true;
-                });
               }
             },
-            child: const Text("Opret bruger"))
+            child: const Text("Opret bruger")),
+        TextButton(
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+          child: RichText(
+              text: const TextSpan(children: [
+            TextSpan(
+              text: 'Har du allerede en konto? Klik ',
+              style: TextStyle(color: Colors.black),
+            ),
+            TextSpan(
+              text: 'her',
+              style: TextStyle(
+                  color: Color.fromARGB(255, 0, 94, 255),
+                  decoration: TextDecoration.underline),
+            ),
+            TextSpan(
+              text: ' for at logge ind',
+              style: TextStyle(color: Colors.black),
+            ),
+          ])),
+        )
       ],
     );
   }

mobile/lib/widgets/sized_card.dart

@@ -1,9 +1,9 @@
 import 'package:flutter/material.dart';
 
-class PrimaryCard extends StatelessWidget {
+class SizedCard extends StatelessWidget {
   final Widget child;
 
-  const PrimaryCard({
+  const SizedCard({
     super.key,
     required this.child,
   });