Update view

mutuelle_sih/lib/operation_page.dart

@@ -14,7 +14,7 @@ class OperationsPage extends StatelessWidget {
       body: Column(
         children: [
           GestureDetector(
-            onTap: (){Navigator.of(context).push(MaterialPageRoute(builder: (context) => LoginPage(apiClient: apiClient)));},
+            onTap: (){Navigator.of(context).pop(context);},
             child: Container(
               margin: EdgeInsets.all(20),
               alignment: Alignment.centerLeft,
@@ -77,7 +77,7 @@ class OperationsPage extends StatelessWidget {
           padding: EdgeInsets.all(16),
           decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(12),
-            color: Colors.white,
+            color: Colors.white60,
             boxShadow: [
               BoxShadow(
                 color: Colors.grey.withOpacity(0.5),
@@ -87,34 +87,48 @@ class OperationsPage extends StatelessWidget {
               ),
             ],
           ),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(
-                operation.title,
-                style: TextStyle(
-                  fontWeight: FontWeight.bold,
-                  fontSize: 18,
-                ),
-              ),
-              SizedBox(height: 8),
-              Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          child: Row(
+            
+            children :[
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   Text(
-                    'Money Spent: \$${operation.moneySpent.toStringAsFixed(2)}',
+                    operation.title,
+                    style: TextStyle(
+                      fontWeight: FontWeight.bold,
+                      fontSize: 18,
+                    ),
+                  ),
+                  SizedBox(height: 8),
+                  Text(
+                    'Montant payé: - ${operation.moneySpent.toStringAsFixed(2)} \$',
                     style: TextStyle(color: Colors.red),
                   ),
+                  SizedBox(height: 8),
                   Text(
-                    'Money Received: \$${operation.moneyReceived.toStringAsFixed(2)}',
-                    style: TextStyle(color: Colors.green),
+                    'Date: ${operation.date}',
+                    style: TextStyle(color: Colors.black87),
                   ),
                 ],
               ),
-              SizedBox(height: 8),
-              Text(
-                'Date: ${operation.date}',
-                style: TextStyle(color: Colors.grey),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                children: [
+                  Text(
+                    'Prise en charge :',
+                    style: TextStyle(
+                      fontSize: 15,
+                    ),
+                  ),
+                  Text(
+                    '+ ${operation.moneyReceived.toStringAsFixed(2)} \$',
+                    style: TextStyle(
+                      color: Colors.blueAccent,
+                      fontSize: 25,
+                    ),
+                  ),
+                ],
               ),
             ],
           ),