add order pages

Author: hoajb

lib/config/routes/routes.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:flutter_ecommerce_furniture/features/authentication/presentation/forgot_password_page.dart';
 import 'package:flutter_ecommerce_furniture/features/authentication/presentation/login_page.dart';
 import 'package:flutter_ecommerce_furniture/features/authentication/presentation/register_page.dart';
-import 'package:flutter_ecommerce_furniture/features/home/presentation/home_page.dart';
 import 'package:flutter_ecommerce_furniture/features/main/presentation/pages/main_page.dart';
 import 'package:flutter_ecommerce_furniture/features/welcome/presentation/onboarding_page.dart';
 import 'package:flutter_ecommerce_furniture/features/welcome/presentation/welcome_page.dart';

lib/config/theme/styles.dart

@@ -1,4 +1,3 @@
-import 'dart:ui';
 
 import 'package:flutter/material.dart';
 

lib/core/wigets/action_button.dart

@@ -1,11 +1,14 @@
 import 'package:flutter/material.dart';
 
+const double buttonHeightDefault = 50.0;
+
 class ActionButton extends StatelessWidget {
   final String text;
   final VoidCallback onPressed;
   final Color? backgroundColor;
   final Color? textColor;
   final bool matchParentWidth;
+  final double height;
 
   const ActionButton({
     super.key,
@@ -14,6 +17,7 @@ class ActionButton extends StatelessWidget {
     this.backgroundColor,
     this.textColor,
     this.matchParentWidth = false,
+    this.height = buttonHeightDefault,
   });
 
   @override
@@ -23,21 +27,21 @@ class ActionButton extends StatelessWidget {
         backgroundColor ?? (darkModeEnabled ? Colors.white : Colors.black);
 
     final textC = textColor ?? (darkModeEnabled ? Colors.black : Colors.white);
-    return SizedBox(
-      width: matchParentWidth ? double.infinity : null,
-      height: 50,
-      child: ElevatedButton(
-        onPressed: onPressed,
-        style: ElevatedButton.styleFrom(
-          backgroundColor: backgroundC,
-          shape: const RoundedRectangleBorder(
-            borderRadius: BorderRadius.all(Radius.circular(50)),
+    return InkWell(
+      onTap: onPressed,
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 8),
+        width: matchParentWidth ? double.infinity : null,
+        height: height,
+        decoration: BoxDecoration(
+            color: backgroundC,
+            borderRadius: BorderRadius.all(Radius.circular(height / 2))),
+        child: Center(
+          child: Text(
+            text,
+            style: TextStyle(color: textC, fontWeight: FontWeight.bold),
           ),
         ),
-        child: Text(
-          text,
-          style: TextStyle(color: textC, fontWeight: FontWeight.bold),
-        ),
       ),
     );
   }

lib/core/wigets/expandable_text.dart

@@ -38,7 +38,7 @@ class _DescriptionTextWidgetState extends State<DescriptionTextWidget> {
           ? Text(firstHalf)
           : Column(
               children: <Widget>[
-                Text(flag ? (firstHalf + "...") : (firstHalf + secondHalf)),
+                Text(flag ? ("$firstHalf...") : (firstHalf + secondHalf)),
                 InkWell(
                   child: Row(
                     mainAxisAlignment: MainAxisAlignment.end,

lib/core/wigets/product_image.dart

@@ -2,28 +2,33 @@ import 'package:flutter/material.dart';
 import 'package:flutter_ecommerce_furniture/config/theme/styles.dart';
 import 'package:flutter_ecommerce_furniture/core/ext/buildcontext_ext.dart';
 
+const _imageSize = 150.0;
+const _borderRadius = 20.0;
+
 class ProductImage extends StatelessWidget {
   final double size;
+  final double borderRadius;
   final String path;
 
-  const ProductImage({super.key, this.size = 100, required this.path});
+  const ProductImage({
+    super.key,
+    this.size = _imageSize,
+    this.borderRadius = _borderRadius,
+    required this.path,
+  });
 
   @override
   Widget build(BuildContext context) {
     final isDark = context.isDarkModeEnabled;
-    return Container(
-      width: size,
-      height: size,
-      decoration: BoxDecoration(
-        color: isDark ? Styles.itemColorBgDark : Styles.itemColorBgLight,
-        borderRadius: BorderRadius.circular(20),
-      ),
-      child: ClipRRect(
+    return ClipRRect(
         borderRadius: BorderRadius.circular(20),
-        child: Image.asset(
-          path,
-        ),
-      ),
-    );
+        child: Container(
+          color: isDark ? Styles.itemColorBgDark : Styles.itemColorBgLight,
+          width: size,
+          height: size,
+          child: Image.asset(
+            path,
+          ),
+        ));
   }
 }

lib/features/authentication/presentation/login_page.dart

@@ -1,7 +1,6 @@
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_ecommerce_furniture/config/routes/routes.dart';
-import 'package:flutter_ecommerce_furniture/config/theme/styles.dart';
 import 'package:flutter_ecommerce_furniture/core/ext/buildcontext_ext.dart';
 import 'package:flutter_ecommerce_furniture/core/wigets/action_button.dart';
 import 'package:flutter_ecommerce_furniture/features/authentication/widgets/auth_button.dart';

lib/features/authentication/widgets/auth_button.dart

@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_ecommerce_furniture/core/ext/buildcontext_ext.dart';
 
-import '../../../config/theme/styles.dart';
 
 const _height = 50.0;
 

lib/features/home/widgets/filter_multi_selection.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:flutter_ecommerce_furniture/core/ext/buildcontext_ext.dart';
 
 import '../../../config/theme/styles.dart';
-import '../data/mock_home_filters.dart';
 
 class HomeFilterSelection extends StatefulWidget {
   final ValueChanged<List<String>>? onValueChanged;

lib/features/main/presentation/pages/main_page.dart

@@ -5,6 +5,7 @@ import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import '../../../../config/theme/styles.dart';
 import '../../../cart/presentation/cart_page.dart';
 import '../../../home/presentation/home_page.dart';
+import '../../../order/presentation/order_page.dart';
 import '../../../profile/presentation/profile_page.dart';
 import 'example_page.dart';
 
@@ -41,12 +42,12 @@ class _MainPageState extends State<MainPage> {
               _currentIndex = index;
             });
           },
-          children: const [
-            HomePage(),
-            CartPage(),
-            ExamplePage(titlePage: 'Orders', isNested: true),
-            ExamplePage(titlePage: 'Wallet', isNested: true),
-            ProfilePage(),
+          children: [
+            const HomePage(),
+            const CartPage(),
+            OrderPage(),
+            const ExamplePage(titlePage: 'Wallet', isNested: true),
+            const ProfilePage(),
           ],
         ),
       ),

lib/features/offer/presentation/special_offers_page.dart

@@ -100,6 +100,5 @@ class SpecialOfferItem extends StatelessWidget {
         child: OfferBanner(item: item),
       ),
     );
-    ;
   }
 }