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

feat: Add localization for staff main tabs and enhance profile UI components

Browse Source
This commit is contained in:
Achintha Isuru
2026-01-24 14:38:06 -05:00
parent 6c72c2d9fd
commit 96ab07b58d
8 changed files with 91 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
apps/mobile/packages/features/staff/profile/lib/src/presentation/pages/staff_profile_page.dart
View File

@@ -1,7 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart' hide ReadContext;
import 'package:flutter_modular/flutter_modular.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:core_localization/core_localization.dart';
import 'package:design_system/design_system.dart';
@@ -63,7 +62,7 @@ class StaffProfilePage extends StatelessWidget {
}
return SingleChildScrollView(
padding: const EdgeInsets.only(bottom: 100),
padding: const EdgeInsets.only(bottom: UiConstants.space16),
child: Column(
children: [
ProfileHeader(
@@ -99,25 +98,25 @@ class StaffProfilePage extends StatelessWidget {
ProfileMenuGrid(
children: [
ProfileMenuItem(
icon: LucideIcons.user,
icon: UiIcons.user,
label: i18n.menu_items.personal_info,
completed: profile.hasPersonalInfo,
onTap: () => Modular.to.pushPersonalInfo(),
),
ProfileMenuItem(
icon: LucideIcons.phone,
icon: UiIcons.phone,
label: i18n.menu_items.emergency_contact,
completed: profile.hasEmergencyContact,
onTap: () => Modular.to.pushEmergencyContact(),
),
ProfileMenuItem(
icon: LucideIcons.briefcase,
icon: UiIcons.briefcase,
label: i18n.menu_items.experience,
completed: profile.hasExperience,
onTap: () => Modular.to.pushExperience(),
),
ProfileMenuItem(
icon: LucideIcons.shirt,
icon: UiIcons.user,
label: i18n.menu_items.attire,
completed: profile.hasAttire,
onTap: () => Modular.to.pushAttire(),
@@ -130,19 +129,19 @@ class StaffProfilePage extends StatelessWidget {
crossAxisCount: 3,
children: [
ProfileMenuItem(
icon: LucideIcons.fileText,
icon: UiIcons.file,
label: i18n.menu_items.documents,
completed: profile.hasDocuments,
onTap: () => Modular.to.pushDocuments(),
),
ProfileMenuItem(
icon: LucideIcons.award,
icon: UiIcons.shield,
label: i18n.menu_items.certificates,
completed: profile.hasCertificates,
onTap: () => Modular.to.pushCertificates(),
),
ProfileMenuItem(
icon: LucideIcons.fileText,
icon: UiIcons.file,
label: i18n.menu_items.tax_forms,
completed: profile.hasTaxForms,
onTap: () => Modular.to.pushTaxForms(),
@@ -155,17 +154,17 @@ class StaffProfilePage extends StatelessWidget {
crossAxisCount: 3,
children: [
ProfileMenuItem(
icon: LucideIcons.graduationCap,
icon: UiIcons.sparkles,
label: i18n.menu_items.krow_university,
onTap: () => Modular.to.pushKrowUniversity(),
),
ProfileMenuItem(
icon: LucideIcons.bookOpen,
icon: UiIcons.briefcase,
label: i18n.menu_items.trainings,
onTap: () => Modular.to.pushTrainings(),
),
ProfileMenuItem(
icon: LucideIcons.award,
icon: UiIcons.target,
label: i18n.menu_items.leaderboard,
onTap: () => Modular.to.pushLeaderboard(),
),
@@ -177,17 +176,17 @@ class StaffProfilePage extends StatelessWidget {
crossAxisCount: 3,
children: [
ProfileMenuItem(
icon: LucideIcons.building2,
icon: UiIcons.building,
label: i18n.menu_items.bank_account,
onTap: () => Modular.to.pushBankAccount(),
),
ProfileMenuItem(
icon: LucideIcons.creditCard,
icon: UiIcons.creditCard,
label: i18n.menu_items.payments,
onTap: () => Modular.to.navigate('/payments'),
),
ProfileMenuItem(
icon: LucideIcons.clock,
icon: UiIcons.clock,
label: i18n.menu_items.timecard,
onTap: () => Modular.to.pushTimecard(),
),
@@ -199,17 +198,17 @@ class StaffProfilePage extends StatelessWidget {
crossAxisCount: 3,
children: [
ProfileMenuItem(
icon: LucideIcons.helpCircle,
icon: UiIcons.help,
label: i18n.menu_items.faqs,
onTap: () => Modular.to.pushFaqs(),
),
ProfileMenuItem(
icon: LucideIcons.shield,
icon: UiIcons.shield,
label: i18n.menu_items.privacy_security,
onTap: () => Modular.to.pushPrivacy(),
),
ProfileMenuItem(
icon: LucideIcons.messageCircle,
icon: UiIcons.messageCircle,
label: i18n.menu_items.messages,
onTap: () => Modular.to.pushMessages(),
),

4
apps/mobile/packages/features/staff/profile/lib/src/presentation/widgets/logout_button.dart
View File

@@ -18,12 +18,12 @@ class LogoutButton extends StatelessWidget {
return Container(
width: double.infinity,
decoration: BoxDecoration(
color: Colors.white,
color: UiColors.bgPopup,
borderRadius: BorderRadius.circular(UiConstants.radiusBase),
border: Border.all(color: UiColors.border),
),
child: Material(
color: Colors.transparent,
color: const Color(0x00000000),
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(UiConstants.radiusBase),

5
apps/mobile/packages/features/staff/profile/lib/src/presentation/widgets/profile_header.dart
View File

@@ -1,5 +1,4 @@
import 'package:flutter/material.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:core_localization/core_localization.dart';
import 'package:design_system/design_system.dart';
@@ -80,7 +79,7 @@ class ProfileHeader extends StatelessWidget {
Container(
width: 112,
height: 112,
padding: const EdgeInsets.all(4),
padding: EdgeInsets.all(UiConstants.space1),
decoration: BoxDecoration(
shape: BoxShape.circle,
gradient: LinearGradient(
@@ -155,7 +154,7 @@ class ProfileHeader extends StatelessWidget {
],
),
child: const Icon(
LucideIcons.camera,
UiIcons.camera,
size: 16,
color: UiColors.primary,
),

2
apps/mobile/packages/features/staff/profile/lib/src/presentation/widgets/profile_menu_item.dart
View File

@@ -24,7 +24,7 @@ class ProfileMenuItem extends StatelessWidget {
onTap: onTap,
child: Container(
decoration: BoxDecoration(
color: Colors.white,
color: UiColors.bgPopup,
borderRadius: BorderRadius.circular(UiConstants.radiusBase),
border: Border.all(color: UiColors.border),
),

2
apps/mobile/packages/features/staff/profile/lib/src/presentation/widgets/reliability_stats_card.dart
View File

@@ -26,7 +26,7 @@ class ReliabilityStatsCard extends StatelessWidget {
return Container(
padding: EdgeInsets.all(UiConstants.space4),
decoration: BoxDecoration(
color: Colors.white,
color: UiColors.bgPopup,
borderRadius: BorderRadius.circular(UiConstants.radiusBase),
border: Border.all(color: UiColors.border),
boxShadow: [

10
apps/mobile/packages/features/staff/staff_main/lib/src/presentation/widgets/staff_main_bottom_bar.dart
View File

@@ -75,35 +75,35 @@ class StaffMainBottomBar extends StatelessWidget {
_buildNavItem(
index: 0,
icon: UiIcons.briefcase,
label: t.staff_main.tabs.shifts,
label: t.staff.main.tabs.shifts,
activeColor: activeColor,
inactiveColor: inactiveColor,
),
_buildNavItem(
index: 1,
icon: UiIcons.dollar,
label: t.staff_main.tabs.payments,
label: t.staff.main.tabs.payments,
activeColor: activeColor,
inactiveColor: inactiveColor,
),
_buildNavItem(
index: 2,
icon: UiIcons.home,
label: t.staff_main.tabs.home,
label: t.staff.main.tabs.home,
activeColor: activeColor,
inactiveColor: inactiveColor,
),
_buildNavItem(
index: 3,
icon: UiIcons.clock,
label: t.staff_main.tabs.clock_in,
label: t.staff.main.tabs.clock_in,
activeColor: activeColor,
inactiveColor: inactiveColor,
),
_buildNavItem(
index: 4,
icon: UiIcons.users,
label: t.staff_main.tabs.profile,
label: t.staff.main.tabs.profile,
activeColor: activeColor,
inactiveColor: inactiveColor,
),