Merge pull request #36 from Sameera-Perera/feature/cart-item-image-loading-animation

Update: Cart item imagel oading

Author: Sameera-Perera

lib/presentation/views/main/cart/cart_view.dart

@@ -1,14 +1,13 @@
+import 'package:eshop/core/constant/images.dart';
+import 'package:eshop/core/error/failures.dart';
+import 'package:eshop/core/router/app_router.dart';
+import 'package:eshop/domain/entities/cart/cart_item.dart';
+import 'package:eshop/presentation/blocs/cart/cart_bloc.dart';
+import 'package:eshop/presentation/widgets/cart_item_card.dart';
+import 'package:eshop/presentation/widgets/input_form_button.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 
-import '../../../../core/constant/images.dart';
-import '../../../../core/error/failures.dart';
-import '../../../../core/router/app_router.dart';
-import '../../../../domain/entities/cart/cart_item.dart';
-import '../../../blocs/cart/cart_bloc.dart';
-import '../../../widgets/cart_item_card.dart';
-import '../../../widgets/input_form_button.dart';
-
 class CartView extends StatefulWidget {
   const CartView({super.key});
 
@@ -150,8 +149,9 @@ class _CartViewState extends State<CartView> {
                           padding: EdgeInsets.zero,
                           onClick: () {
                             Navigator.of(context).pushNamed(
-                                AppRouter.orderCheckout,
-                                arguments: state.cart);
+                              AppRouter.orderCheckout,
+                              arguments: state.cart,
+                            );
                           },
                           titleText: 'Checkout',
                         ),

lib/presentation/widgets/cart_item_card.dart

@@ -93,10 +93,15 @@ class CartItemCard extends StatelessWidget {
                             padding: const EdgeInsets.all(24.0),
                             child: CachedNetworkImage(
                               imageUrl: cartItem!.product.images.first,
-                              placeholder: (context, url) => const Center(
-                                  child: CircularProgressIndicator()),
+                              placeholder: (context, url) => Container(
+                                color: Colors.white,
+                              ),
                               errorWidget: (context, url, error) =>
-                                  const Center(child: Icon(Icons.error)),
+                                  const Center(
+                                child: Icon(
+                                  Icons.error,
+                                ),
+                              ),
                             ),
                           ),
                   ),