update theme
This commit is contained in:
Phuoc Nguyen
@@ -8,7 +8,6 @@ import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
||||
import 'package:worker/core/constants/ui_constants.dart';
|
||||
import 'package:worker/core/theme/colors.dart';
|
||||
import 'package:worker/features/account/presentation/providers/address_provider.dart';
|
||||
|
||||
/// Invoice Section
|
||||
@@ -22,6 +21,8 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
|
||||
// Watch the default address
|
||||
final defaultAddr = ref.watch(defaultAddressProvider);
|
||||
|
||||
@@ -29,7 +30,7 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
margin: const EdgeInsets.symmetric(horizontal: AppSpacing.md),
|
||||
padding: const EdgeInsets.all(AppSpacing.md),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
color: colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(AppRadius.card),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
@@ -45,19 +46,19 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
// Header with Toggle
|
||||
Row(
|
||||
children: [
|
||||
const FaIcon(
|
||||
FaIcon(
|
||||
FontAwesomeIcons.fileInvoice,
|
||||
color: AppColors.primaryBlue,
|
||||
color: colorScheme.primary,
|
||||
size: 16,
|
||||
),
|
||||
const SizedBox(width: AppSpacing.sm),
|
||||
const Expanded(
|
||||
Expanded(
|
||||
child: Text(
|
||||
'Phát hành hóa đơn',
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(0xFF212121),
|
||||
color: colorScheme.onSurface,
|
||||
),
|
||||
),
|
||||
),
|
||||
@@ -67,7 +68,7 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
onChanged: (value) {
|
||||
needsInvoice.value = value;
|
||||
},
|
||||
activeTrackColor: AppColors.primaryBlue,
|
||||
activeTrackColor: colorScheme.primary,
|
||||
),
|
||||
],
|
||||
),
|
||||
@@ -75,7 +76,7 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
// Invoice Information (visible when toggle is ON)
|
||||
if (needsInvoice.value) ...[
|
||||
const SizedBox(height: AppSpacing.md),
|
||||
const Divider(color: Color(0xFFE0E0E0)),
|
||||
Divider(color: colorScheme.outlineVariant),
|
||||
const SizedBox(height: AppSpacing.md),
|
||||
|
||||
// Address Card
|
||||
@@ -89,7 +90,7 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(AppSpacing.sm),
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(color: const Color(0xFFE0E0E0)),
|
||||
border: Border.all(color: colorScheme.outlineVariant),
|
||||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||||
),
|
||||
child: Row(
|
||||
@@ -101,10 +102,10 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
// Company/Address Title
|
||||
Text(
|
||||
defaultAddr.addressTitle,
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(0xFF212121),
|
||||
color: colorScheme.onSurface,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
@@ -114,9 +115,9 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
defaultAddr.taxCode!.isNotEmpty) ...[
|
||||
Text(
|
||||
'Mã số thuế: ${defaultAddr.taxCode}',
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
@@ -125,9 +126,9 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
// Phone
|
||||
Text(
|
||||
'Số điện thoại: ${defaultAddr.phone}',
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
@@ -137,9 +138,9 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
defaultAddr.email!.isNotEmpty) ...[
|
||||
Text(
|
||||
'Email: ${defaultAddr.email}',
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
@@ -148,19 +149,19 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
// Address
|
||||
Text(
|
||||
'Địa chỉ: ${defaultAddr.fullAddress}',
|
||||
style: const TextStyle(
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
color: Color(0xFF757575),
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(width: AppSpacing.sm),
|
||||
const FaIcon(
|
||||
FaIcon(
|
||||
FontAwesomeIcons.chevronRight,
|
||||
size: 14,
|
||||
color: Color(0xFF9E9E9E),
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
),
|
||||
],
|
||||
),
|
||||
@@ -177,26 +178,26 @@ class InvoiceSection extends HookConsumerWidget {
|
||||
padding: const EdgeInsets.all(AppSpacing.md),
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(
|
||||
color: AppColors.primaryBlue,
|
||||
color: colorScheme.primary,
|
||||
style: BorderStyle.solid,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadius.sm),
|
||||
),
|
||||
child: const Row(
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
FaIcon(
|
||||
FontAwesomeIcons.plus,
|
||||
size: 14,
|
||||
color: AppColors.primaryBlue,
|
||||
color: colorScheme.primary,
|
||||
),
|
||||
SizedBox(width: AppSpacing.sm),
|
||||
const SizedBox(width: AppSpacing.sm),
|
||||
Text(
|
||||
'Thêm địa chỉ xuất hóa đơn',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: AppColors.primaryBlue,
|
||||
color: colorScheme.primary,
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user