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

refactor: enhance widget visibility logic and improve UI consistency across multiple components

Browse Source
This commit is contained in:
Achintha Isuru
2026-01-30 02:12:29 -05:00
parent ed71d2b4a3
commit d07183b6ac
6 changed files with 37 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/mobile/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart
View File

@@ -74,14 +74,21 @@ class ClientHomePage extends StatelessWidget {
/// Builds the widget list in normal mode with visibility filters.
Widget _buildNormalModeList(ClientHomeState state) {
final List<String> visibleWidgets = state.widgetOrder.where((String id) {
if (id == 'reorder' && state.reorderItems.isEmpty) {
return false;
}
return state.widgetVisibility[id] ?? true;
}).toList();
return ListView.separated(
padding: const EdgeInsets.only(bottom: 100),
separatorBuilder: (BuildContext context, int index) {
return const Divider(color: UiColors.border, height: 0.2);
},
itemCount: state.widgetOrder.length,
itemCount: visibleWidgets.length,
itemBuilder: (BuildContext context, int index) {
final String id = state.widgetOrder[index];
final String id = visibleWidgets[index];
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[

22
apps/mobile/packages/features/client/home/lib/src/presentation/widgets/coverage_widget.dart
View File

@@ -26,6 +26,20 @@ class CoverageWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
Color backgroundColor;
Color textColor;
if (coveragePercent == 100) {
backgroundColor = UiColors.tagActive;
textColor = UiColors.textSuccess;
} else if (coveragePercent >= 40) {
backgroundColor = UiColors.tagPending;
textColor = UiColors.textWarning;
} else {
backgroundColor = UiColors.tagError;
textColor = UiColors.textError;
}
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
@@ -46,13 +60,13 @@ class CoverageWidget extends StatelessWidget {
2, // 2px is not in metrics, using hardcoded for small tweaks or space0/space1
),
decoration: BoxDecoration(
color: UiColors.tagActive,
color: backgroundColor,
borderRadius: UiConstants.radiusLg,
),
child: Text(
'$coveragePercent% Covered',
style: UiTypography.footnote2b.copyWith(
color: UiColors.textSuccess,
color: textColor,
),
),
),
@@ -64,7 +78,7 @@ class CoverageWidget extends StatelessWidget {
style: UiTypography.body2r.textSecondary,
),
],
const SizedBox(height: UiConstants.space2),
const SizedBox(height: UiConstants.space6),
Row(
children: <Widget>[
Expanded(
@@ -76,7 +90,7 @@ class CoverageWidget extends StatelessWidget {
),
),
const SizedBox(width: UiConstants.space2),
Expanded(
if (totalConfirmed != 0) Expanded(
child: _MetricCard(
icon: UiIcons.success,
iconColor: UiColors.iconSuccess,

3
apps/mobile/packages/features/client/home/lib/src/presentation/widgets/live_activity_widget.dart
View File

@@ -130,13 +130,12 @@ class _LiveActivityWidgetState extends State<LiveActivityWidget> {
],
),
if (widget.subtitle != null) ...<Widget>[
const SizedBox(height: UiConstants.space1),
Text(
widget.subtitle!,
style: UiTypography.body2r.textSecondary,
),
],
const SizedBox(height: UiConstants.space2),
const SizedBox(height: UiConstants.space6),
FutureBuilder<_LiveActivityData>(
future: _liveActivityFuture,
builder: (BuildContext context,

4
apps/mobile/packages/features/client/home/lib/src/presentation/widgets/reorder_widget.dart
View File

@@ -24,6 +24,10 @@ class ReorderWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
if (orders.isEmpty) {
return const SizedBox.shrink();
}
final TranslationsClientHomeReorderEn i18n = t.client_home.reorder;
final List<ReorderItem> recentOrders = orders;

55
apps/mobile/packages/features/client/home/lib/src/presentation/widgets/spending_widget.dart
View File

@@ -43,13 +43,12 @@ class SpendingWidget extends StatelessWidget {
),
),
if (subtitle != null) ...<Widget>[
const SizedBox(height: UiConstants.space1),
Text(
subtitle!,
style: UiTypography.body2r.textSecondary,
),
],
const SizedBox(height: UiConstants.space2),
const SizedBox(height: UiConstants.space6),
Container(
padding: const EdgeInsets.all(UiConstants.space3),
decoration: BoxDecoration(
@@ -125,58 +124,6 @@ class SpendingWidget extends StatelessWidget {
),
],
),
const SizedBox(height: UiConstants.space3),
Container(
padding: const EdgeInsets.only(top: UiConstants.space3),
decoration: const BoxDecoration(
border: Border(top: BorderSide(color: Colors.white24)),
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
width: 24,
height: 24,
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.2),
shape: BoxShape.circle,
),
child: const Center(
child: Icon(
UiIcons.sparkles,
color: UiColors.white,
size: 14,
),
),
),
const SizedBox(width: UiConstants.space2),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
'💡 ' +
i18n.dashboard.insight_lightbulb(amount: '180'),
style: const TextStyle(
color: Colors.white,
fontSize: 10,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 1),
Text(
i18n.dashboard.insight_tip,
style: TextStyle(
color: Colors.white.withValues(alpha: 0.8),
fontSize: 9,
),
),
],
),
),
],
),
),
],
),
),

7
apps/mobile/packages/features/client/view_orders/lib/src/presentation/widgets/view_order_card.dart
View File

@@ -308,14 +308,15 @@ class _ViewOrderCardState extends State<ViewOrderCard> {
children: <Widget>[
Row(
children: <Widget>[
if (order.workersNeeded != 0)
const Icon(
UiIcons.success,
UiIcons.error,
size: 16,
color: UiColors.textSuccess,
color: UiColors.textError,
),
const SizedBox(width: 8),
Text(
'${order.workersNeeded} Workers Filled',
'${order.workersNeeded} Workers Needed',
style: UiTypography.body2m.textPrimary,
),
],