lionsdev/unionflow-mobile-apps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
dahoud
2026-03-31 09:14:47 +00:00
parent 9bfffeeebe
commit 5383df6dcb
200 changed files with 11192 additions and 7063 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
lib/features/dashboard/presentation/widgets/common/activity_item.dart
View File

@@ -183,7 +183,7 @@ class ActivityItem extends StatelessWidget {
children: [
if (showStatusIndicator) ...[
Container(
padding: const EdgeInsets.all(6),
padding: const EdgeInsets.all(5),
decoration: BoxDecoration(
color: effectiveColor.withOpacity(0.1),
shape: BoxShape.circle,
@@ -191,7 +191,7 @@ class ActivityItem extends StatelessWidget {
child: Icon(
effectiveIcon,
color: effectiveColor,
size: 16,
size: 14,
),
),
const SizedBox(width: 12),
@@ -242,15 +242,15 @@ class ActivityItem extends StatelessWidget {
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
padding: const EdgeInsets.all(6),
decoration: BoxDecoration(
color: effectiveColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
borderRadius: BorderRadius.circular(6),
),
child: Icon(
effectiveIcon,
color: effectiveColor,
size: 18,
size: 14,
),
),
const SizedBox(width: 12),
@@ -258,7 +258,7 @@ class ActivityItem extends StatelessWidget {
child: Text(
title,
style: const TextStyle(
fontSize: 16,
fontSize: 13,
fontWeight: FontWeight.w600,
color: Color(0xFF1F2937),
),
@@ -409,26 +409,12 @@ class ActivityItem extends StatelessWidget {
case ActivityItemStyle.normal:
return BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.02),
blurRadius: 4,
offset: const Offset(0, 1),
),
],
borderRadius: BorderRadius.circular(6),
);
case ActivityItemStyle.detailed:
return BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
borderRadius: BorderRadius.circular(8),
);
case ActivityItemStyle.alert:
return BoxDecoration(

32
lib/features/dashboard/presentation/widgets/common/section_header.dart
View File

@@ -52,9 +52,9 @@ class SectionHeader extends StatelessWidget {
this.action,
this.icon,
}) : color = ColorTokens.primary,
fontSize = 20,
fontSize = 16,
style = SectionHeaderStyle.primary,
bottomSpacing = 16;
bottomSpacing = 10;
/// Constructeur pour un en-tête de section
const SectionHeader.section({
@@ -64,9 +64,9 @@ class SectionHeader extends StatelessWidget {
this.action,
this.icon,
}) : color = ColorTokens.primary,
fontSize = 16,
fontSize = 13,
style = SectionHeaderStyle.normal,
bottomSpacing = 12;
bottomSpacing = 8;
/// Constructeur pour un en-tête de sous-section
const SectionHeader.subsection({
@@ -106,7 +106,7 @@ class SectionHeader extends StatelessWidget {
final effectiveColor = color ?? ColorTokens.primary;
return Container(
padding: const EdgeInsets.all(SpacingTokens.lg),
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
@@ -117,21 +117,20 @@ class SectionHeader extends StatelessWidget {
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(SpacingTokens.radiusLg),
boxShadow: ShadowTokens.primary,
),
child: Row(
children: [
if (icon != null) ...[
Container(
padding: const EdgeInsets.all(8),
padding: const EdgeInsets.all(6),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.2),
borderRadius: BorderRadius.circular(8),
borderRadius: BorderRadius.circular(6),
),
child: Icon(
icon,
color: Colors.white,
size: 20,
size: 16,
),
),
const SizedBox(width: 12),
@@ -143,7 +142,7 @@ class SectionHeader extends StatelessWidget {
Text(
title,
style: TextStyle(
fontSize: fontSize ?? 20,
fontSize: fontSize ?? 16,
fontWeight: FontWeight.bold,
color: Colors.white,
),
@@ -186,7 +185,7 @@ class SectionHeader extends StatelessWidget {
Text(
title,
style: TextStyle(
fontSize: fontSize ?? 16,
fontSize: fontSize ?? 13,
fontWeight: FontWeight.bold,
color: color ?? ColorTokens.primary,
),
@@ -239,17 +238,10 @@ class SectionHeader extends StatelessWidget {
/// En-tête avec fond de carte
Widget _buildCardHeader() {
return Container(
padding: const EdgeInsets.all(12),
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 4,
offset: const Offset(0, 2),
),
],
),
child: Row(
children: [
@@ -268,7 +260,7 @@ class SectionHeader extends StatelessWidget {
Text(
title,
style: TextStyle(
fontSize: fontSize ?? 16,
fontSize: fontSize ?? 13,
fontWeight: FontWeight.bold,
color: color ?? ColorTokens.primary,
),

31
lib/features/dashboard/presentation/widgets/common/stat_card.dart
View File

@@ -136,12 +136,12 @@ class StatCard extends StatelessWidget {
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
padding: const EdgeInsets.all(7),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(icon, color: color, size: 20),
child: Icon(icon, color: color, size: 16),
),
const Spacer(),
Column(
@@ -152,7 +152,7 @@ class StatCard extends StatelessWidget {
style: TextStyle(
fontWeight: FontWeight.bold,
color: color,
fontSize: 20,
fontSize: 16,
),
),
if (subtitle.isNotEmpty)
@@ -167,13 +167,13 @@ class StatCard extends StatelessWidget {
),
],
),
const SizedBox(height: 12),
const SizedBox(height: 8),
Text(
title,
style: const TextStyle(
fontWeight: FontWeight.w600,
color: Color(0xFF1F2937),
fontSize: 14,
fontSize: 13,
),
),
],
@@ -188,12 +188,12 @@ class StatCard extends StatelessWidget {
Row(
children: [
Container(
padding: const EdgeInsets.all(12),
padding: const EdgeInsets.all(7),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
borderRadius: BorderRadius.circular(8),
),
child: Icon(icon, color: color, size: 24),
child: Icon(icon, color: color, size: 16),
),
const Spacer(),
Column(
@@ -204,7 +204,7 @@ class StatCard extends StatelessWidget {
style: TextStyle(
fontWeight: FontWeight.bold,
color: color,
fontSize: 24,
fontSize: 18,
),
),
if (subtitle.isNotEmpty)
@@ -219,13 +219,13 @@ class StatCard extends StatelessWidget {
),
],
),
const SizedBox(height: 16),
const SizedBox(height: 8),
Text(
title,
style: const TextStyle(
fontWeight: FontWeight.w600,
color: Color(0xFF1F2937),
fontSize: 16,
fontSize: 13,
),
),
],
@@ -240,7 +240,7 @@ class StatCard extends StatelessWidget {
case StatCardSize.normal:
return const EdgeInsets.all(12);
case StatCardSize.large:
return const EdgeInsets.all(16);
return const EdgeInsets.all(10);
}
}
@@ -256,13 +256,6 @@ class StatCard extends StatelessWidget {
return BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(8),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 8,
offset: const Offset(0, 2),
),
],
);
case StatCardStyle.outlined:
return BoxDecoration(

10
lib/features/dashboard/presentation/widgets/connected/connected_recent_activities.dart
View File

@@ -24,12 +24,12 @@ class ConnectedRecentActivities extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CoreCard(
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildHeader(),
const SizedBox(height: 16),
const SizedBox(height: 8),
BlocBuilder<DashboardBloc, DashboardState>(
builder: (context, state) {
if (state is DashboardLoading) {
@@ -204,11 +204,11 @@ class ConnectedRecentActivities extends StatelessWidget {
return Row(
children: [
Container(
width: 40,
height: 40,
width: 28,
height: 28,
decoration: BoxDecoration(
color: AppColors.lightBorder,
borderRadius: BorderRadius.circular(20),
borderRadius: BorderRadius.circular(14),
),
),
const SizedBox(width: 12),

15
lib/features/dashboard/presentation/widgets/connected/connected_stats_card.dart
View File

@@ -50,14 +50,14 @@ class ConnectedStatsCard extends StatelessWidget {
return CoreCard(
onTap: onTap,
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
padding: const EdgeInsets.all(7),
decoration: BoxDecoration(
color: color.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
@@ -65,10 +65,10 @@ class ConnectedStatsCard extends StatelessWidget {
child: Icon(
icon,
color: color,
size: 20,
size: 16,
),
),
const SizedBox(width: 12),
const SizedBox(width: 8),
Expanded(
child: Text(
title.toUpperCase(),
@@ -83,12 +83,13 @@ class ConnectedStatsCard extends StatelessWidget {
),
],
),
const SizedBox(height: 12),
const SizedBox(height: 8),
Text(
value,
style: AppTypography.headerSmall.copyWith(
color: color,
fontWeight: FontWeight.bold,
fontSize: 18,
),
),
if (subtitle != null) ...[
@@ -105,7 +106,7 @@ class ConnectedStatsCard extends StatelessWidget {
Widget _buildLoadingCard() {
return const CoreCard(
padding: EdgeInsets.all(16),
padding: EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@@ -118,7 +119,7 @@ class ConnectedStatsCard extends StatelessWidget {
Widget _buildErrorCard(String message) {
return CoreCard(
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [

20
lib/features/dashboard/presentation/widgets/connected/connected_upcoming_events.dart
View File

@@ -19,12 +19,12 @@ class ConnectedUpcomingEvents extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CoreCard(
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildHeader(),
const SizedBox(height: 16),
const SizedBox(height: 8),
BlocBuilder<DashboardBloc, DashboardState>(
builder: (ctx, state) {
if (state is DashboardLoading) {
@@ -103,29 +103,29 @@ class ConnectedUpcomingEvents extends StatelessWidget {
return CoreCard(
backgroundColor: Theme.of(context).cardColor,
padding: const EdgeInsets.all(12),
padding: const EdgeInsets.all(8),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
width: 44,
height: 44,
width: 32,
height: 32,
decoration: BoxDecoration(
color: statusColor.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
borderRadius: BorderRadius.circular(6),
),
child: event.imageUrl != null
? ClipRRect(
borderRadius: BorderRadius.circular(8),
borderRadius: BorderRadius.circular(6),
child: Image.network(
event.imageUrl!,
fit: BoxFit.cover,
errorBuilder: (context, error, stackTrace) => Icon(Icons.event_outlined, color: statusColor, size: 20),
errorBuilder: (context, error, stackTrace) => Icon(Icons.event_outlined, color: statusColor, size: 16),
),
)
: Icon(Icons.event_outlined, color: statusColor, size: 20),
: Icon(Icons.event_outlined, color: statusColor, size: 16),
),
const SizedBox(width: 12),
Expanded(
@@ -168,7 +168,7 @@ class ConnectedUpcomingEvents extends StatelessWidget {
),
],
),
const SizedBox(height: 12),
const SizedBox(height: 8),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [

122
lib/features/dashboard/presentation/widgets/dashboard_drawer.dart
View File

@@ -1,5 +1,4 @@
/// Widget de menu latéral (drawer) du dashboard
/// Navigation principale de l'application
library dashboard_drawer;
import 'package:flutter/material.dart';
@@ -10,59 +9,39 @@ import '../../../../shared/widgets/core_card.dart';
import '../../../../shared/widgets/mini_avatar.dart';
import '../../../authentication/presentation/bloc/auth_bloc.dart';
import '../../../profile/presentation/pages/profile_page_wrapper.dart';
import '../../../notifications/presentation/pages/notifications_page_wrapper.dart';
import '../../../help/presentation/pages/help_support_page.dart';
import '../../../about/presentation/pages/about_page.dart';
/// Widget de menu latéral (Drawer / Hamburger)
///
/// Accessible via le bouton hamburger de l'AppBar.
/// Contient uniquement les menus « Mon Espace » :
/// - Mon Profil
/// - Notifications
/// - Aide & Support
/// - À propos
/// - Déconnexion
/// Drawer principal — Mon Espace
/// Profil · Notifications · Aide · À propos · Déconnexion
class DashboardDrawer extends StatelessWidget {
/// Callback pour les actions de navigation nommée (optionnel, non utilisé en interne)
final Function(String route)? onNavigate;
/// Callback pour la déconnexion
final VoidCallback? onLogout;
const DashboardDrawer({
super.key,
this.onNavigate,
this.onLogout,
});
const DashboardDrawer({super.key, this.onNavigate, this.onLogout});
@override
Widget build(BuildContext context) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return BlocBuilder<AuthBloc, AuthState>(
builder: (context, authState) {
if (authState is! AuthAuthenticated) {
return const Drawer();
}
final state = authState;
if (authState is! AuthAuthenticated) return const Drawer();
return Drawer(
backgroundColor: ColorTokens.background,
backgroundColor:
isDark ? AppColors.darkSurface : AppColors.lightBackground,
child: SafeArea(
child: SingleChildScrollView(
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// ── En-tête utilisateur (même style que MorePage) ──────────────
_buildUserProfile(state),
_buildUserProfile(context, authState),
const SizedBox(height: SpacingTokens.md),
// ── Section Mon Espace ─────────────────────────────────────────
_buildSectionTitle('Mon Espace'),
_buildSectionTitle(context, 'Mon Espace'),
_buildOptionTile(
context: context,
icon: Icons.person,
@@ -78,7 +57,8 @@ class DashboardDrawer extends StatelessWidget {
title: 'Notifications',
subtitle: 'Gérer les notifications',
onTap: () => Navigator.of(context).push(
MaterialPageRoute(builder: (_) => const NotificationsPageWrapper()),
MaterialPageRoute(
builder: (_) => const NotificationsPageWrapper()),
),
),
_buildOptionTile(
@@ -99,16 +79,13 @@ class DashboardDrawer extends StatelessWidget {
MaterialPageRoute(builder: (_) => const AboutPage()),
),
),
const SizedBox(height: SpacingTokens.md),
// ── Déconnexion ───────────────────────────────────────────────
_buildOptionTile(
context: context,
icon: Icons.logout,
title: 'Déconnexion',
subtitle: 'Se déconnecter de l\'application',
color: ColorTokens.error,
accentColor: AppColors.error,
onTap: () {
Navigator.pop(context);
context.read<AuthBloc>().add(const AuthLogoutRequested());
@@ -123,36 +100,44 @@ class DashboardDrawer extends StatelessWidget {
);
}
// ── Profil utilisateur (idem MorePage._buildUserProfile) ──────────────────
Widget _buildUserProfile(AuthAuthenticated state) {
Widget _buildUserProfile(BuildContext context, AuthAuthenticated state) {
final isDark = Theme.of(context).brightness == Brightness.dark;
final nameColor =
isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight;
final emailColor =
isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight;
final roleColor =
isDark ? AppColors.brandGreenLight : AppColors.primaryGreen;
return CoreCard(
child: Row(
children: [
MiniAvatar(
fallbackText:
state.user.firstName.isNotEmpty ? state.user.firstName[0].toUpperCase() : 'U',
size: 40,
fallbackText: state.user.firstName.isNotEmpty
? state.user.firstName[0].toUpperCase()
: 'U',
size: 32,
imageUrl: state.user.avatar,
),
const SizedBox(width: 16),
const SizedBox(width: 10),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'${state.user.firstName} ${state.user.lastName}',
style: AppTypography.actionText,
style: AppTypography.actionText.copyWith(color: nameColor),
),
Text(
state.effectiveRole.displayName.toUpperCase(),
style: AppTypography.badgeText.copyWith(
color: AppColors.primaryGreen,
color: roleColor,
fontWeight: FontWeight.bold,
),
),
Text(
state.user.email,
style: AppTypography.subtitleSmall,
style: AppTypography.subtitleSmall.copyWith(color: emailColor),
),
],
),
@@ -162,31 +147,38 @@ class DashboardDrawer extends StatelessWidget {
);
}
// ── Titre de section (idem MorePage._buildSectionTitle) ───────────────────
Widget _buildSectionTitle(String title) {
Widget _buildSectionTitle(BuildContext context, String title) {
final isDark = Theme.of(context).brightness == Brightness.dark;
return Padding(
padding: const EdgeInsets.only(top: 24, bottom: 8, left: 4),
padding: const EdgeInsets.only(top: 10, bottom: 6, left: 4),
child: Text(
title.toUpperCase(),
style: AppTypography.subtitleSmall.copyWith(
fontWeight: FontWeight.bold,
letterSpacing: 1.1,
color: AppColors.textSecondaryLight,
color: isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight,
),
),
);
}
// ── Tuile d'option (idem MorePage._buildOptionTile) ───────────────────────
Widget _buildOptionTile({
required BuildContext context,
required IconData icon,
required String title,
required String subtitle,
required VoidCallback onTap,
Color? color,
Color? accentColor,
}) {
final effectiveColor = color ?? AppColors.primaryGreen;
final isDark = Theme.of(context).brightness == Brightness.dark;
final accent = accentColor ?? AppColors.primaryGreen;
final titleColor = accentColor != null
? accentColor
: (isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight);
final subtitleColor =
isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight;
final chevronColor =
isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight;
return CoreCard(
margin: const EdgeInsets.only(bottom: 8),
@@ -194,40 +186,30 @@ class DashboardDrawer extends StatelessWidget {
child: Row(
children: [
Container(
padding: const EdgeInsets.all(8),
padding: const EdgeInsets.all(6),
decoration: BoxDecoration(
color: effectiveColor.withOpacity(0.1),
color: accent.withOpacity(isDark ? 0.2 : 0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(
icon,
color: effectiveColor,
size: 20,
),
child: Icon(icon, color: accent, size: 16),
),
const SizedBox(width: 16),
const SizedBox(width: 10),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: AppTypography.actionText.copyWith(
color: color ?? AppColors.textPrimaryLight,
),
style: AppTypography.actionText.copyWith(color: titleColor),
),
Text(
subtitle,
style: AppTypography.subtitleSmall,
style: AppTypography.subtitleSmall.copyWith(color: subtitleColor),
),
],
),
),
Icon(
Icons.chevron_right,
color: AppColors.textSecondaryLight,
size: 16,
),
Icon(Icons.chevron_right, color: chevronColor, size: 16),
],
),
);

17
lib/features/dashboard/presentation/widgets/dashboard_widgets.dart
View File

@@ -239,12 +239,17 @@ class DashboardActivity extends StatelessWidget {
],
),
),
Text(
time,
style: AppTypography.subtitleSmall.copyWith(
color: AppColors.textSecondaryLight,
fontSize: 9,
),
Builder(
builder: (ctx) {
final isDark = Theme.of(ctx).brightness == Brightness.dark;
return Text(
time,
style: AppTypography.subtitleSmall.copyWith(
color: isDark ? AppColors.textSecondaryDark : AppColors.textSecondaryLight,
fontSize: 9,
),
);
},
),
],
),

51
lib/features/dashboard/presentation/widgets/metrics/real_time_metrics_widget.dart
View File

@@ -88,21 +88,14 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
end: Alignment.bottomRight,
colors: [AppColors.brandGreen, AppColors.primaryGreen],
),
borderRadius: BorderRadius.circular(12),
boxShadow: [
BoxShadow(
color: AppColors.primaryGreen.withOpacity(0.3),
blurRadius: 10,
offset: const Offset(0, 4),
),
],
borderRadius: BorderRadius.circular(10),
),
padding: const EdgeInsets.all(20),
padding: const EdgeInsets.all(12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildHeader(),
const SizedBox(height: 20),
const SizedBox(height: 10),
BlocConsumer<DashboardBloc, DashboardState>(
listener: (context, state) {
if (state is DashboardLoaded) {
@@ -137,7 +130,7 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
return Transform.scale(
scale: _pulseAnimation.value,
child: Container(
padding: const EdgeInsets.all(8),
padding: const EdgeInsets.all(6),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.2),
borderRadius: BorderRadius.circular(4),
@@ -145,7 +138,7 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
child: const Icon(
Icons.speed_outlined,
color: Colors.white,
size: 20,
size: 16,
),
),
);
@@ -248,7 +241,7 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
),
],
),
const SizedBox(height: 16),
const SizedBox(height: 8),
Row(
children: [
Expanded(
@@ -297,10 +290,10 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
}
return Container(
padding: const EdgeInsets.all(12),
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
borderRadius: BorderRadius.circular(6),
border: Border.all(
color: Colors.white.withOpacity(0.2),
),
@@ -313,9 +306,9 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
Icon(
icon,
color: color,
size: 16,
size: 14,
),
const SizedBox(width: 8),
const SizedBox(width: 6),
Expanded(
child: Text(
label.toUpperCase(),
@@ -327,13 +320,13 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
),
],
),
const SizedBox(height: 8),
const SizedBox(height: 6),
Text(
displayValue,
style: AppTypography.headerSmall.copyWith(
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 20,
fontSize: 16,
),
),
if (maxValue != null) ...[
@@ -357,15 +350,15 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
Row(
children: [
Expanded(child: _buildLoadingMetricItem()),
const SizedBox(width: 16),
const SizedBox(width: 8),
Expanded(child: _buildLoadingMetricItem()),
],
),
const SizedBox(height: 16),
const SizedBox(height: 8),
Row(
children: [
Expanded(child: _buildLoadingMetricItem()),
const SizedBox(width: 16),
const SizedBox(width: 8),
Expanded(child: _buildLoadingMetricItem()),
],
),
@@ -375,11 +368,11 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
Widget _buildLoadingMetricItem() {
return Container(
height: 100,
padding: const EdgeInsets.all(16),
height: 72,
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
borderRadius: BorderRadius.circular(6),
),
child: const Center(
child: CircularProgressIndicator(
@@ -392,10 +385,10 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
Widget _buildErrorMetrics() {
return Container(
height: 200,
height: 120,
decoration: BoxDecoration(
color: AppColors.error.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Column(
@@ -421,10 +414,10 @@ class _RealTimeMetricsWidgetState extends State<RealTimeMetricsWidget>
Widget _buildEmptyMetrics() {
return Container(
height: 200,
height: 120,
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.1),
borderRadius: BorderRadius.circular(12),
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Column(