Krow/Krow-workspace
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: refactor UI consistency using design system tokens and remove LucideIcons

Browse Source
This commit is contained in:
Suriya
2026-02-12 18:37:31 +05:30
parent d7d9a34f07
commit ad6db7d851
62 changed files with 397 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/mobile/packages/features/client/billing/lib/src/presentation/pages/billing_page.dart
View File

@@ -143,7 +143,7 @@ class _BillingViewState extends State<BillingView> {
),
decoration: BoxDecoration(
color: UiColors.accent,
borderRadius: BorderRadius.circular(100),
borderRadius: UiConstants.radiusFull,
),
child: Row(
mainAxisSize: MainAxisSize.min,

2
apps/mobile/packages/features/client/billing/lib/src/presentation/widgets/billing_header.dart
View File

@@ -66,7 +66,7 @@ class BillingHeader extends StatelessWidget {
),
decoration: BoxDecoration(
color: UiColors.accent,
borderRadius: BorderRadius.circular(100),
borderRadius: UiConstants.radiusFull,
),
child: Row(
mainAxisSize: MainAxisSize.min,

7
apps/mobile/packages/features/client/billing/lib/src/presentation/widgets/invoice_history_section.dart
View File

@@ -118,10 +118,13 @@ class _StatusBadge extends StatelessWidget {
Widget build(BuildContext context) {
final bool isPaid = status.toUpperCase() == 'PAID';
return Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
padding: const EdgeInsets.symmetric(
horizontal: UiConstants.space1 + 2,
vertical: 2,
),
decoration: BoxDecoration(
color: isPaid ? UiColors.tagSuccess : UiColors.tagPending,
borderRadius: BorderRadius.circular(4),
borderRadius: UiConstants.radiusSm,
),
child: Text(
isPaid ? t.client_billing.paid_badge : t.client_billing.pending_badge,

19
apps/mobile/packages/features/client/billing/lib/src/presentation/widgets/payment_method_card.dart
View File

@@ -98,20 +98,16 @@ class _PaymentMethodCardState extends State<PaymentMethodCard> {
child: Row(
children: <Widget>[
Container(
width: 40,
height: 28,
width: UiConstants.space10,
height: UiConstants.space6 + 4,
decoration: BoxDecoration(
color: UiColors.primary,
borderRadius: BorderRadius.circular(4),
borderRadius: UiConstants.radiusSm,
),
child: Center(
child: Text(
bankLabel,
style: const TextStyle(
color: UiColors.white,
fontSize: 10,
fontWeight: FontWeight.bold,
),
style: UiTypography.footnote2b.white,
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
@@ -135,13 +131,12 @@ class _PaymentMethodCardState extends State<PaymentMethodCard> {
),
if (isPrimary)
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
horizontal: UiConstants.space1 + 2,
vertical: UiConstants.space0 + 2,
),
decoration: BoxDecoration(
color: UiColors.accent,
borderRadius: BorderRadius.circular(4),
borderRadius: UiConstants.radiusSm,
),
child: Text(
t.client_billing.default_badge,

12
apps/mobile/packages/features/client/billing/lib/src/presentation/widgets/spending_breakdown_card.dart
View File

@@ -72,14 +72,14 @@ class _SpendingBreakdownCardState extends State<SpendingBreakdownCard>
height: 32,
decoration: BoxDecoration(
color: UiColors.bgSecondary,
borderRadius: BorderRadius.circular(6),
borderRadius: UiConstants.radiusMd,
),
child: TabBar(
controller: _tabController,
isScrollable: true,
indicator: BoxDecoration(
color: UiColors.bgSecondary,
borderRadius: BorderRadius.circular(4),
borderRadius: UiConstants.radiusSm,
boxShadow: <BoxShadow>[
BoxShadow(
color: UiColors.black.withValues(alpha: 0.05),
@@ -90,10 +90,12 @@ class _SpendingBreakdownCardState extends State<SpendingBreakdownCard>
labelColor: UiColors.textPrimary,
unselectedLabelColor: UiColors.textSecondary,
labelStyle: UiTypography.titleUppercase4b,
padding: const EdgeInsets.all(2),
padding: const EdgeInsets.all(UiConstants.space1 / 2),
indicatorSize: TabBarIndicatorSize.tab,
labelPadding: const EdgeInsets.symmetric(horizontal: 12),
dividerColor: Colors.transparent,
labelPadding: const EdgeInsets.symmetric(
horizontal: UiConstants.space3,
),
dividerColor: UiColors.transparent,
onTap: (int index) {
final BillingPeriod period =
index == 0 ? BillingPeriod.week : BillingPeriod.month;

1
apps/mobile/packages/features/client/billing/pubspec.yaml
View File

@@ -29,7 +29,6 @@ dependencies:
path: ../../../data_connect
# UI
lucide_icons: ^0.257.0
intl: ^0.20.0
firebase_data_connect: ^0.2.2+1
dev_dependencies: