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

7
apps/mobile/packages/features/staff/shifts/lib/src/presentation/pages/shifts_page.dart
View File

@@ -180,16 +180,13 @@ class _ShiftsPageState extends State<ShiftsPage> {
: state is ShiftsError
? Center(
child: Padding(
padding: const EdgeInsets.all(24.0),
padding: const EdgeInsets.all(UiConstants.space5),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
translateErrorKey(state.message),
style: const TextStyle(
fontSize: 16,
color: Color(0xFF64748B),
),
style: UiTypography.body2r.textSecondary,
textAlign: TextAlign.center,
),
],

6
apps/mobile/packages/features/staff/shifts/lib/src/presentation/styles/shifts_styles.dart
View File

@@ -3,11 +3,11 @@ import 'package:design_system/design_system.dart';
class AppColors {
static const Color krowBlue = UiColors.primary;
static const Color krowYellow = Color(0xFFFFED4A);
static const Color krowYellow = UiColors.accent;
static const Color krowCharcoal = UiColors.textPrimary;
static const Color krowMuted = UiColors.textSecondary;
static const Color krowBorder = UiColors.border;
static const Color krowBackground = UiColors.background;
static const Color white = Colors.white;
static const Color black = Colors.black;
static const Color white = UiColors.white;
static const Color black = UiColors.black;
}

36
apps/mobile/packages/features/staff/shifts/lib/src/presentation/widgets/my_shift_card.dart
View File

@@ -147,18 +147,18 @@ class _MyShiftCardState extends State<MyShiftCard> {
children: [
if (statusIcon != null)
Padding(
padding: const EdgeInsets.only(right: 6),
padding: const EdgeInsets.only(right: UiConstants.space2),
child: Icon(
statusIcon,
size: 12,
size: UiConstants.iconXs,
color: statusColor,
),
)
else
Container(
width: 6,
height: 6,
margin: const EdgeInsets.only(right: 6),
width: UiConstants.radiusMdValue,
height: UiConstants.radiusMdValue,
margin: const EdgeInsets.only(right: UiConstants.space2),
decoration: BoxDecoration(
color: statusBg,
shape: BoxShape.circle,
@@ -176,12 +176,12 @@ class _MyShiftCardState extends State<MyShiftCard> {
const SizedBox(width: UiConstants.space2),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
horizontal: UiConstants.space2,
vertical: 2,
),
decoration: BoxDecoration(
color: UiColors.primary.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(4),
borderRadius: UiConstants.radiusSm,
),
child: Text(
_getShiftType(),
@@ -228,7 +228,7 @@ class _MyShiftCardState extends State<MyShiftCard> {
child: Icon(
UiIcons.briefcase,
color: UiColors.primary,
size: 20,
size: UiConstants.iconMd,
),
),
),
@@ -289,10 +289,10 @@ class _MyShiftCardState extends State<MyShiftCard> {
children: [
const Icon(
UiIcons.clock,
size: 12,
size: UiConstants.iconXs,
color: UiColors.primary,
),
const SizedBox(width: 4),
const SizedBox(width: UiConstants.space1),
Text(
t.staff_shifts.details.days(
days: widget.shift.durationDays!,
@@ -303,7 +303,7 @@ class _MyShiftCardState extends State<MyShiftCard> {
),
],
),
const SizedBox(height: 4),
const SizedBox(height: UiConstants.space1),
Text(
"Showing first schedule...",
style: UiTypography.footnote2r.copyWith(
@@ -318,10 +318,10 @@ class _MyShiftCardState extends State<MyShiftCard> {
children: [
const Icon(
UiIcons.calendar,
size: 12,
size: UiConstants.iconXs,
color: UiColors.iconSecondary,
),
const SizedBox(width: 4),
const SizedBox(width: UiConstants.space1),
Text(
_formatDate(widget.shift.date),
style: UiTypography.footnote1r.textSecondary,
@@ -329,10 +329,10 @@ class _MyShiftCardState extends State<MyShiftCard> {
const SizedBox(width: UiConstants.space3),
const Icon(
UiIcons.clock,
size: 12,
size: UiConstants.iconXs,
color: UiColors.iconSecondary,
),
const SizedBox(width: 4),
const SizedBox(width: UiConstants.space1),
Text(
"${_formatTime(widget.shift.startTime)} - ${_formatTime(widget.shift.endTime)}",
style: UiTypography.footnote1r.textSecondary,
@@ -340,17 +340,17 @@ class _MyShiftCardState extends State<MyShiftCard> {
],
),
],
const SizedBox(height: 4),
const SizedBox(height: UiConstants.space1),
// Location
Row(
children: [
const Icon(
UiIcons.mapPin,
size: 12,
size: UiConstants.iconXs,
color: UiColors.iconSecondary,
),
const SizedBox(width: 4),
const SizedBox(width: UiConstants.space1),
Expanded(
child: Text(
widget.shift.locationAddress.isNotEmpty

35
apps/mobile/packages/features/staff/shifts/lib/src/presentation/widgets/shared/empty_state_view.dart
View File

@@ -25,40 +25,29 @@ class EmptyStateView extends StatelessWidget {
child: Column(
children: [
Container(
width: 64,
height: 64,
width: UiConstants.space16,
height: UiConstants.space16,
decoration: BoxDecoration(
color: const Color(0xFFF1F3F5),
borderRadius: BorderRadius.circular(12),
color: UiColors.bgSecondary,
borderRadius: UiConstants.radiusLg,
),
child: Icon(icon, size: 32, color: AppColors.krowMuted),
child: Icon(icon, size: UiConstants.iconXl, color: UiColors.textSecondary),
),
const SizedBox(height: 16),
const SizedBox(height: UiConstants.space4),
Text(
title,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: AppColors.krowCharcoal,
),
style: UiTypography.body1m.textPrimary,
),
const SizedBox(height: 4),
const SizedBox(height: UiConstants.space1),
Text(
subtitle,
style: const TextStyle(fontSize: 14, color: AppColors.krowMuted),
style: UiTypography.body2r.textSecondary,
),
if (actionLabel != null && onAction != null) ...[
const SizedBox(height: 16),
ElevatedButton(
const SizedBox(height: UiConstants.space4),
UiButton.primary(
text: actionLabel!,
onPressed: onAction,
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.krowBlue,
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
child: Text(actionLabel!),
),
],
],