update icon

This commit is contained in:
Phuoc Nguyen
2025-11-14 18:02:37 +07:00
parent aae3c9d080
commit b5f90c364d
54 changed files with 534 additions and 245 deletions

View File

@@ -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:go_router/go_router.dart';
import 'package:intl/intl.dart';
import 'package:worker/core/constants/ui_constants.dart';
@@ -66,7 +67,7 @@ class _CartPageState extends ConsumerState<CartPage> {
backgroundColor: const Color(0xFFF4F6F8),
appBar: AppBar(
leading: IconButton(
icon: const Icon(Icons.arrow_back, color: Colors.black),
icon: const FaIcon(FontAwesomeIcons.arrowLeft, color: Colors.black, size: 20),
onPressed: () => context.pop(),
),
title: Text(
@@ -81,7 +82,7 @@ class _CartPageState extends ConsumerState<CartPage> {
if (cartState.isNotEmpty)
IconButton(
icon: Icon(
Icons.delete_outline,
FontAwesomeIcons.trashCan,
color: hasSelection ? AppColors.danger : AppColors.grey500,
),
onPressed: hasSelection
@@ -326,7 +327,7 @@ class _CartPageState extends ConsumerState<CartPage> {
color: AppColors.danger.withValues(alpha: 0.1),
child: Row(
children: [
const Icon(Icons.error_outline, color: AppColors.danger, size: 20),
const FaIcon(FontAwesomeIcons.circleExclamation, color: AppColors.danger, size: 18),
const SizedBox(width: 8),
Expanded(
child: Text(
@@ -345,7 +346,7 @@ class _CartPageState extends ConsumerState<CartPage> {
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Icon(Icons.error_outline, size: 64, color: AppColors.danger),
const FaIcon(FontAwesomeIcons.circleExclamation, size: 56, color: AppColors.danger),
const SizedBox(height: 16),
const Text(
'Không thể tải giỏ hàng',
@@ -365,7 +366,7 @@ class _CartPageState extends ConsumerState<CartPage> {
onPressed: () {
ref.read(cartProvider.notifier).initialize();
},
icon: const Icon(Icons.refresh),
icon: const FaIcon(FontAwesomeIcons.arrowsRotate, size: 20),
label: const Text('Thử lại'),
),
],
@@ -380,7 +381,7 @@ class _CartPageState extends ConsumerState<CartPage> {
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.shopping_cart_outlined,
FontAwesomeIcons.cartShopping,
size: 80,
color: AppColors.grey500.withValues(alpha: 0.5),
),
@@ -399,7 +400,7 @@ class _CartPageState extends ConsumerState<CartPage> {
const SizedBox(height: 24),
ElevatedButton.icon(
onPressed: () => context.go(RouteNames.products),
icon: const Icon(Icons.shopping_bag_outlined),
icon: const FaIcon(FontAwesomeIcons.bagShopping, size: 20),
label: const Text('Xem sản phẩm'),
),
],
@@ -472,7 +473,7 @@ class _CustomCheckbox extends StatelessWidget {
),
child: value
? const Icon(
Icons.check,
FontAwesomeIcons.check,
size: 16,
color: AppColors.white,
)

View File

@@ -12,6 +12,7 @@ library;
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
@@ -95,7 +96,7 @@ class CheckoutPage extends HookConsumerWidget {
backgroundColor: Colors.white,
elevation: 0,
leading: IconButton(
icon: const Icon(Icons.arrow_back, color: Colors.black),
icon: const FaIcon(FontAwesomeIcons.arrowLeft, color: Colors.black, size: 20),
onPressed: () => context.pop(),
),
title: const Text(

View File

@@ -6,6 +6,7 @@ library;
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:intl/intl.dart';
import 'package:worker/core/theme/colors.dart';
import 'package:worker/core/theme/typography.dart';
@@ -135,8 +136,8 @@ class _CartItemWidgetState extends ConsumerState<CartItemWidget> {
width: 100,
height: 100,
color: AppColors.grey100,
child: const Icon(
Icons.image_not_supported,
child: const FaIcon(
FontAwesomeIcons.image,
color: AppColors.grey500,
size: 32,
),
@@ -181,7 +182,7 @@ class _CartItemWidgetState extends ConsumerState<CartItemWidget> {
children: [
// Decrease button
_QuantityButton(
icon: Icons.remove,
icon: FontAwesomeIcons.minus,
onPressed: () {
ref
.read(cartProvider.notifier)
@@ -239,7 +240,7 @@ class _CartItemWidgetState extends ConsumerState<CartItemWidget> {
// Increase button
_QuantityButton(
icon: Icons.add,
icon: FontAwesomeIcons.plus,
onPressed: () {
ref
.read(cartProvider.notifier)
@@ -319,7 +320,7 @@ class _CustomCheckbox extends StatelessWidget {
),
child: value
? const Icon(
Icons.check,
FontAwesomeIcons.check,
size: 14,
color: AppColors.white,
)

View File

@@ -5,6 +5,7 @@ library;
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:worker/core/constants/ui_constants.dart';
import 'package:worker/core/theme/colors.dart';
@@ -69,7 +70,7 @@ class CheckoutDatePickerField extends HookWidget {
),
),
const Icon(
Icons.calendar_today,
FontAwesomeIcons.calendar,
size: 20,
color: AppColors.grey500,
),

View File

@@ -7,6 +7,7 @@ library;
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:worker/core/constants/ui_constants.dart';
import 'package:worker/core/theme/colors.dart';
@@ -66,7 +67,7 @@ class PaymentMethodSection extends HookWidget {
),
const SizedBox(width: 12),
const Icon(
Icons.account_balance_outlined,
FontAwesomeIcons.buildingColumns,
color: AppColors.grey500,
size: 24,
),
@@ -117,7 +118,7 @@ class PaymentMethodSection extends HookWidget {
),
const SizedBox(width: 12),
const Icon(
Icons.payments_outlined,
FontAwesomeIcons.creditCard,
color: AppColors.grey500,
size: 24,
),