From 87561c624d3447cb7331824756a16a0cbfb98109 Mon Sep 17 00:00:00 2001
From: Mikkel Troels Kongsted <mtkongsted@gmail.com>
Date: Mon, 10 Feb 2025 11:44:13 +0100
Subject: [PATCH] wrap receipt page in safearea

---
 mobile/lib/pages/receipt_page.dart | 72 +++++++++++++++---------------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/mobile/lib/pages/receipt_page.dart b/mobile/lib/pages/receipt_page.dart
index 02bcb49..f5de1e1 100644
--- a/mobile/lib/pages/receipt_page.dart
+++ b/mobile/lib/pages/receipt_page.dart
@@ -10,43 +10,45 @@ class ReceiptView extends StatelessWidget {
   Widget build(BuildContext context) {
     final receiptItems = receipt.allReceiptItems();
 
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        const BackButton(),
-        Expanded(
-          child: Container(
-            margin: const EdgeInsets.all(20),
-            child: Column(
-              children: [
-                Text(receipt.dateFormatted()),
-                Expanded(
-                    child: Column(
-                  children: [
-                    ListView.builder(
-                        shrinkWrap: true,
-                        itemBuilder: (_, idx) => ReceiptItemView(
-                            pricePerAmount: receiptItems[idx].product.price,
-                            name: receiptItems[idx].product.name,
-                            amount: receiptItems[idx].amount),
-                        itemCount: receiptItems.length),
-                    Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                      children: [
-                        const Text(
-                          "Total:",
-                          style: TextStyle(fontWeight: FontWeight.bold),
-                        ),
-                        Text("${receipt.totalPrice()} kr"),
-                      ],
-                    ),
-                  ],
-                )),
-              ],
+    return SafeArea(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          const BackButton(),
+          Expanded(
+            child: Container(
+              margin: const EdgeInsets.all(20),
+              child: Column(
+                children: [
+                  Text(receipt.dateFormatted()),
+                  Expanded(
+                      child: Column(
+                    children: [
+                      ListView.builder(
+                          shrinkWrap: true,
+                          itemBuilder: (_, idx) => ReceiptItemView(
+                              pricePerAmount: receiptItems[idx].product.price,
+                              name: receiptItems[idx].product.name,
+                              amount: receiptItems[idx].amount),
+                          itemCount: receiptItems.length),
+                      Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        children: [
+                          const Text(
+                            "Total:",
+                            style: TextStyle(fontWeight: FontWeight.bold),
+                          ),
+                          Text("${receipt.totalPrice()} kr"),
+                        ],
+                      ),
+                    ],
+                  )),
+                ],
+              ),
             ),
           ),
-        ),
-      ],
+        ],
+      ),
     );
   }
 }