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

feat(benefit_history): enhance layout of benefit history row with improved structure and styling

Browse Source
This commit is contained in:
Achintha Isuru
2026-03-18 17:45:42 -04:00
parent 597866fc99
commit f5699865f9
1 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
apps/mobile/packages/features/staff/home/lib/src/presentation/widgets/benefits_overview/benefit_history_row.dart
View File

@@ -22,30 +22,36 @@ class BenefitHistoryRow extends StatelessWidget {
return Padding(
padding: const EdgeInsets.symmetric(vertical: UiConstants.space2),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
// Date column
// Left: notes + date
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
if (history.notes != null && history.notes!.isNotEmpty)
Text(
history.notes!,
style: UiTypography.body2r,
),
const SizedBox(height: UiConstants.space2),
Text(
DateFormat('d MMM, yyyy').format(history.effectiveAt),
style: UiTypography.footnote1r.textSecondary,
),
const SizedBox(width: UiConstants.space3),
// Notes (takes remaining space)
Expanded(
child: history.notes != null && history.notes!.isNotEmpty
? Text(
history.notes!,
style: UiTypography.body3r.textSecondary,
overflow: TextOverflow.ellipsis,
maxLines: 1,
)
: const SizedBox.shrink(),
],
),
const SizedBox(width: UiConstants.space2),
// Hours badge
_buildHoursBadge(i18n),
const SizedBox(width: UiConstants.space2),
// Status chip
),
const SizedBox(width: UiConstants.space3),
// Right: status chip + hours badge
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
_buildStatusChip(i18n),
const SizedBox(height: UiConstants.space2),
_buildHoursBadge(i18n),
],
),
],
),
);
@@ -56,7 +62,7 @@ class BenefitHistoryRow extends StatelessWidget {
final String label = '+${history.trackedHours}h';
return Text(
label,
style: UiTypography.footnote2b.copyWith(color: UiColors.textSuccess),
style: UiTypography.footnote1r.textSecondary,
);
}