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( return Padding(
padding: const EdgeInsets.symmetric(vertical: UiConstants.space2), padding: const EdgeInsets.symmetric(vertical: UiConstants.space2),
child: Row( child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ 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( Text(
DateFormat('d MMM, yyyy').format(history.effectiveAt), DateFormat('d MMM, yyyy').format(history.effectiveAt),
style: UiTypography.footnote1r.textSecondary, 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 const SizedBox(width: UiConstants.space3),
_buildHoursBadge(i18n), // Right: status chip + hours badge
const SizedBox(width: UiConstants.space2), Column(
// Status chip crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
_buildStatusChip(i18n), _buildStatusChip(i18n),
const SizedBox(height: UiConstants.space2),
_buildHoursBadge(i18n),
],
),
], ],
), ),
); );
@@ -56,7 +62,7 @@ class BenefitHistoryRow extends StatelessWidget {
final String label = '+${history.trackedHours}h'; final String label = '+${history.trackedHours}h';
return Text( return Text(
label, label,
style: UiTypography.footnote2b.copyWith(color: UiColors.textSuccess), style: UiTypography.footnote1r.textSecondary,
); );
} }