From e9ca8d886a70baf21b66facda8f00b23863905fb Mon Sep 17 00:00:00 2001
From: Peter Kyeyune <peterkayk@gmail.com>
Date: Tue, 10 Dec 2024 21:13:47 +0300
Subject: [PATCH] Add NoAirQualityDataPage to display error message for missing
 air quality data

---
 .../pages/no_air_quality_data_page.dart       | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 mobile-v3/lib/src/app/dashboard/pages/no_air_quality_data_page.dart

diff --git a/mobile-v3/lib/src/app/dashboard/pages/no_air_quality_data_page.dart b/mobile-v3/lib/src/app/dashboard/pages/no_air_quality_data_page.dart
new file mode 100644
index 0000000000..e656f5b6bb
--- /dev/null
+++ b/mobile-v3/lib/src/app/dashboard/pages/no_air_quality_data_page.dart
@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class NoAirQualityDataPage extends StatelessWidget {
+  const NoAirQualityDataPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        double maxWidth = constraints.maxWidth;
+        double maxHeight = constraints.maxHeight;
+
+        return Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            SvgPicture.asset(
+              'assets/icons/error_occured.svg',
+              width: maxWidth * 0.5,
+              height: maxWidth * 0.5,
+            ),
+            SizedBox(height: maxHeight * 0.05),
+            Text(
+              "No Air Quality Data",
+              style: Theme.of(context).textTheme.headlineLarge!.copyWith(
+                    fontSize: maxWidth * 0.06,
+                    fontWeight: FontWeight.bold,
+                  ),
+            ),
+            SizedBox(height: maxHeight * 0.02),
+            Text(
+              "We're having issues with our network\nno worries, we'll be back up soon.",
+              textAlign: TextAlign.center,
+              style: TextStyle(
+                fontSize: maxWidth * 0.04,
+              ),
+            ),
+          ],
+        );
+      },
+    );
+  }
+}
\ No newline at end of file