From 987d9fb4a6208c8b1dd810701df7dea89e7c7e4b Mon Sep 17 00:00:00 2001
From: Peter Kyeyune <peterkayk@gmail.com>
Date: Tue, 10 Dec 2024 21:02:11 +0300
Subject: [PATCH] Add NoInternetBanner widget to display connectivity issues

---
 .../app/shared/pages/no_internet_banner.dart  | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 mobile-v3/lib/src/app/shared/pages/no_internet_banner.dart

diff --git a/mobile-v3/lib/src/app/shared/pages/no_internet_banner.dart b/mobile-v3/lib/src/app/shared/pages/no_internet_banner.dart
new file mode 100644
index 0000000000..e106f58eb4
--- /dev/null
+++ b/mobile-v3/lib/src/app/shared/pages/no_internet_banner.dart
@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+
+class NoInternetBanner extends StatelessWidget {
+  final VoidCallback onClose;
+
+  const NoInternetBanner({Key? key, required this.onClose}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.red,
+      padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Text(
+            'Internet Connection Lost',
+            style: TextStyle(
+              color: Colors.white,
+              fontWeight: FontWeight.bold,
+              fontSize: 16.0,
+            ),
+          ),
+          IconButton(
+            icon: Icon(Icons.close, color: Colors.white),
+            onPressed: onClose,
+          ),
+        ],
+      ),
+    );
+  }
+}