ajout stats responsive

lib/common_widget/container/container_stats.dart

@@ -1,11 +1,14 @@
 import 'package:flutter/material.dart';
+import 'package:smartfit_app_mobile/common/colo_extension.dart';
+import 'package:smartfit_app_mobile/common_widget/stats.dart';
 
 class ContainerStats extends StatelessWidget {
-  const ContainerStats(this.value, this.designation, {Key? key})
+  const ContainerStats(this.value, this.designation, this.icon, {Key? key})
       : super(key: key);
 
   final String value;
   final String designation;
+  final IconData icon;
 
   @override
   Widget build(BuildContext context) {
@@ -29,6 +32,11 @@ class ContainerStats extends StatelessWidget {
           ]),
       child: Stack(
         children: [
+          StatIcon(
+            icon: icon,
+            iconColor: TColor.white,
+            iconBackground:  TColor.secondaryColor1,
+          ),
           Align(
             alignment: Alignment.bottomLeft,
             child: Column(

lib/common_widget/container/ligne_container_stats.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:smartfit_app_mobile/common/colo_extension.dart';
 import 'package:smartfit_app_mobile/common_widget/container/container_stats.dart';
 
 class LigneContainerStats extends StatelessWidget {
@@ -17,15 +18,48 @@ class LigneContainerStats extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Row(
+    return Column(
       children: [
-        const SizedBox(width: 20),
-        ContainerStats(value1, designation1),
-        const SizedBox(width: 20),
-        ContainerStats(value2, designation2),
-        const SizedBox(width: 20),
-        ContainerStats(value3, designation3),
+        Divider(height: 30),
+        
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 30),
+          child: Row(
+            children: [
+              const Text(
+                'Statistiques',
+                style: TextStyle(
+                  fontSize: 14,
+                  fontWeight: FontWeight.w800,
+                ),
+              ),
+              SizedBox(width: 8),
+              Icon(
+                Icons.pie_chart_rounded,
+                size: 15,
+                color: TColor.secondaryColor1,
+              ),
+            ],
+          ),
+        ),
+
+        SizedBox(height: 20),
+
+        Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        const SizedBox(width: 25),
+        ContainerStats(value1, designation1, Icons.timer ),
+        const SizedBox(width: 25),
+        ContainerStats(value2, designation2, Icons.favorite_outline),
+        const SizedBox(width: 25),
+        ContainerStats(value3, designation3,  Icons.bolt),
+      ],
+    ),
+    Divider(height: 30),
       ],
     );
+    
+    
   }
 }

lib/view/home/web/web_homeview.dart

@@ -55,7 +55,7 @@ class _WebHomeView extends State<WebHomeView> {
                 SizedBox(
                   height: media.width * 0.05,
                 ),
-                const LigneContainerStats("1", "2", "3", "s", "s", "s"),
+                const LigneContainerStats("30 s", "90 BPM", "290 kCal", "Temps", "Heart rate", "Calories"),
                 SizedBox(
                   height: media.width * 0.05,
                 ),
@@ -78,7 +78,7 @@ class _WebHomeView extends State<WebHomeView> {
                 SizedBox(
                   height: media.width * 0.05,
                 ),
-                const LigneContainerStats("1", "2", "3", "s", "s", "s"),
+                const LigneContainerStats("30 s", "90 BPM", "290 kCal", "Temps", "Heart rate", "Calories"),
                 SizedBox(
                   height: media.width * 0.05,
                 ),