update loaing

2025-12-02 18:09:20 +07:00
parent fc9b5e967f
commit 19d9a3dc2d
75 changed files with 216 additions and 292 deletions
--- a/lib/features/products/README.md
+++ b/lib/features/products/README.md
@@ -81,7 +81,7 @@ UI components and state management.

 ### UI/UX Features
 - Pull-to-refresh support
- Loading states with CircularProgressIndicator
+- Loading states with CustomLoadingIndicator
 - Error states with retry button
 - Empty states with helpful messages
 - Vietnamese localization
--- a/lib/features/products/presentation/pages/product_detail_page.dart
+++ b/lib/features/products/presentation/pages/product_detail_page.dart
@@ -7,6 +7,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/theme/colors.dart';
 import 'package:worker/features/favorites/presentation/providers/favorites_provider.dart';
@@ -262,9 +263,7 @@ class _ProductDetailPageState extends ConsumerState<ProductDetailPage> {
            ],
          );
        },
-        loading: () => Center(
-          child: CircularProgressIndicator(color: colorScheme.primary),
-        ),
+        loading: () => const CustomLoadingIndicator(),
        error: (error, stack) => Center(
          child: Padding(
            padding: const EdgeInsets.all(AppSpacing.xl),
--- a/lib/features/products/presentation/pages/products_page.dart
+++ b/lib/features/products/presentation/pages/products_page.dart
@@ -7,6 +7,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/router/app_router.dart';
 import 'package:worker/core/theme/colors.dart';
@@ -192,7 +193,7 @@ class ProductsPage extends ConsumerWidget {

  /// Build loading state
  Widget _buildLoadingState(ColorScheme colorScheme) {
-    return Center(child: CircularProgressIndicator(color: colorScheme.primary));
+    return const CustomLoadingIndicator();
  }

  /// Build error state
--- a/lib/features/products/presentation/pages/write_review_page.dart
+++ b/lib/features/products/presentation/pages/write_review_page.dart
@@ -8,6 +8,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/theme/colors.dart';
 import 'package:worker/features/products/domain/entities/product.dart';
@@ -186,7 +187,7 @@ class _WriteReviewPageState extends ConsumerState<WriteReviewPage> {

      body: productAsync.when(
        data: (product) => _buildForm(product),
-        loading: () => const Center(child: CircularProgressIndicator()),
+        loading: () => const CustomLoadingIndicator(),
        error: (error, stack) => Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
@@ -249,8 +250,8 @@ class _WriteReviewPageState extends ConsumerState<WriteReviewPage> {
                        width: 80,
                        height: 80,
                        color: colorScheme.surfaceContainerLowest,
-                        child: const Center(
-                          child: CircularProgressIndicator(strokeWidth: 2),
+                        child: Center(
+                          child: CustomLoadingIndicator(color: colorScheme.primary, size: 20),
                        ),
                      ),
                      errorWidget: (context, url, error) => Container(
@@ -510,15 +511,7 @@ class _WriteReviewPageState extends ConsumerState<WriteReviewPage> {
                  elevation: 0,
                ),
                child: _isSubmitting
-                    ? SizedBox(
-                        width: 20,
-                        height: 20,
-                        child: CircularProgressIndicator(
-                          strokeWidth: 2,
-                          valueColor:
-                              AlwaysStoppedAnimation<Color>(colorScheme.onPrimary),
-                        ),
-                      )
+                    ? CustomLoadingIndicator(color: colorScheme.onPrimary, size: 20)
                    : Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
--- a/lib/features/products/presentation/providers/product_filter_options_provider.dart
+++ b/lib/features/products/presentation/providers/product_filter_options_provider.dart
@@ -99,7 +99,7 @@ class FilterOption {
 ///
 /// filterOptionsAsync.when(
 ///   data: (options) => ProductFilterDrawer(options: options),
-///   loading: () => CircularProgressIndicator(),
+///   loading: () => const CustomLoadingIndicator(),
 ///   error: (error, stack) => ErrorWidget(error),
 /// );
 /// ```
--- a/lib/features/products/presentation/providers/products_provider.dart
+++ b/lib/features/products/presentation/providers/products_provider.dart
@@ -59,7 +59,7 @@ Future<ProductsRepository> productsRepository(Ref ref) async {
 ///
 /// productsAsync.when(
 ///   data: (products) => ProductGrid(products: products),
-///   loading: () => CircularProgressIndicator(),
+///   loading: () => const CustomLoadingIndicator(),
 ///   error: (error, stack) => ErrorWidget(error),
 /// );
 /// ```
@@ -251,7 +251,7 @@ Future<List<Product>> allProducts(Ref ref) async {
 ///
 /// productAsync.when(
 ///   data: (product) => ProductDetailView(product: product),
-///   loading: () => CircularProgressIndicator(),
+///   loading: () => const CustomLoadingIndicator(),
 ///   error: (error, stack) => ErrorWidget(error),
 /// );
 /// ```
--- a/lib/features/products/presentation/widgets/brand_filter_chips.dart
+++ b/lib/features/products/presentation/widgets/brand_filter_chips.dart
@@ -5,6 +5,7 @@ library;

 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/features/products/presentation/providers/product_filter_options_provider.dart';
 import 'package:worker/features/products/presentation/providers/product_filters_provider.dart';
@@ -105,10 +106,10 @@ class BrandFilterChips extends ConsumerWidget {
          ),
        );
      },
-      loading: () => const SizedBox(
+      loading: () => SizedBox(
        height: 48.0,
        child: Center(
-          child: CircularProgressIndicator(strokeWidth: 2.0),
+          child: CustomLoadingIndicator(color: Theme.of(context).colorScheme.primary, size: 40),
        ),
      ),
      error: (error, stack) => const SizedBox.shrink(),
--- a/lib/features/products/presentation/widgets/product_detail/product_tabs_section.dart
+++ b/lib/features/products/presentation/widgets/product_detail/product_tabs_section.dart
@@ -6,6 +6,7 @@ library;
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/theme/colors.dart';
 import 'package:worker/features/products/domain/entities/product.dart';
@@ -469,9 +470,7 @@ class _ReviewsTab extends ConsumerWidget {
            loading: () => Center(
              child: Padding(
                padding: const EdgeInsets.all(40),
-                child: CircularProgressIndicator(
-                  color: colorScheme.primary,
-                ),
+                child: const CustomLoadingIndicator(),
              ),
            ),
            error: (error, stack) => _buildErrorState(colorScheme, error.toString()),
--- a/lib/features/products/presentation/widgets/product_filter_drawer.dart
+++ b/lib/features/products/presentation/widgets/product_filter_drawer.dart
@@ -6,6 +6,7 @@ library;
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/theme/colors.dart';
 import 'package:worker/features/products/presentation/providers/product_filters_provider.dart';
@@ -209,11 +210,7 @@ class ProductFilterDrawer extends ConsumerWidget {
              ),
            ],
          ),
-          loading: () => Center(
-            child: CircularProgressIndicator(
-              valueColor: AlwaysStoppedAnimation<Color>(colorScheme.primary),
-            ),
-          ),
+          loading: () => const CustomLoadingIndicator(),
          error: (error, stack) => Center(
            child: Padding(
              padding: const EdgeInsets.all(AppSpacing.lg),
--- a/lib/features/products/presentation/widgets/product_grid.dart
+++ b/lib/features/products/presentation/widgets/product_grid.dart
@@ -4,6 +4,7 @@
 library;

 import 'package:flutter/material.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/features/products/domain/entities/product.dart';
 import 'package:worker/features/products/presentation/widgets/product_card.dart';
@@ -80,9 +81,7 @@ class _ProductGridState extends State<ProductGrid> {
          return Center(
            child: Padding(
              padding: const EdgeInsets.all(AppSpacing.md),
-              child: CircularProgressIndicator(
-                color: colorScheme.primary,
-              ),
+              child: const CustomLoadingIndicator(),
            ),
          );
        }