Help Center Screen

assets/images/arrow_right.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.692 0L9.66749 0.974515L14.2265 5.31093H0V6.68912H14.2265L9.66749 11.0255L10.692 12L17 5.99998L10.692 0Z" fill="#4A8DB7"/>
+</svg>

lib/main.dart

@@ -43,8 +43,10 @@ import 'package:test_sa/controllers/providers/api/status_drop_down/service_reqes
 import 'package:test_sa/controllers/providers/api/status_drop_down/service_reqest/service_request_through_provider.dart';
 import 'package:test_sa/controllers/providers/api/status_drop_down/service_reqest/service_request_type_provider.dart';
 import 'package:test_sa/new_views/app_style/app_themes.dart';
+import 'package:test_sa/new_views/pages/help_center_page.dart';
 import 'package:test_sa/new_views/pages/land_page/land_page.dart';
 import 'package:test_sa/new_views/pages/login_page.dart';
+import 'package:test_sa/new_views/pages/report_bug_page.dart';
 import 'package:test_sa/new_views/pages/settings_page.dart';
 import 'package:test_sa/new_views/pages/splash_page.dart';
 import 'package:test_sa/providers/department_provider.dart';
@@ -229,6 +231,8 @@ class MyApp extends StatelessWidget {
             UpdateServiceRequestPage.id: (_) => const UpdateServiceRequestPage(),
             SettingsPage.id: (_) => const SettingsPage(),
             ProfilePage.id: (_) => const ProfilePage(),
+            ReportBugPage.id: (_) => const ReportBugPage(),
+            HelpCenterPage.id: (_) => const HelpCenterPage(),
           },
         ),
       ),

lib/new_views/common_widgets/app_drawer.dart

@@ -14,6 +14,8 @@ import '../../controllers/providers/api/user_provider.dart';
 import '../../controllers/providers/settings/setting_provider.dart';
 import '../../views/pages/user/profile_page.dart';
 import '../../views/widgets/dialogs/dialog.dart';
+import '../pages/help_center_page.dart';
+import '../pages/report_bug_page.dart';
 import '../pages/settings_page.dart';
 
 class AppDrawer extends StatelessWidget {
@@ -61,13 +63,13 @@ class AppDrawer extends StatelessWidget {
             children: [
               drawerItem("drawer_notification", "Notification").onPress(() => Navigator.of(context).pushNamed(NotificationsPage.id)),
               18.height,
-              drawerItem("help_center", "Help Center"),
+              drawerItem("help_center", "Help Center").onPress(() => Navigator.of(context).pushNamed(HelpCenterPage.id)),
               18.height,
               drawerItem("rate_us", "Rate Us"),
               18.height,
               drawerItem("setting", "Settings").onPress(() => Navigator.of(context).pushNamed(SettingsPage.id)),
               18.height,
-              drawerItem("report", "Report a bug"),
+              drawerItem("report", "Report a bug").onPress(() => Navigator.of(context).pushNamed(ReportBugPage.id)),
               18.height,
               drawerItem("whats_new", "What's New"),
             ],

lib/new_views/pages/help_center_page.dart

@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:test_sa/extensions/int_extensions.dart';
+import 'package:test_sa/extensions/text_extensions.dart';
+import 'package:test_sa/extensions/widget_extensions.dart';
+
+import '../common_widgets/default_app_bar.dart';
+
+class HelpCenterPage extends StatelessWidget {
+  static const id = "/help_center_page";
+  const HelpCenterPage({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const DefaultAppBar(title: "Help Center"),
+      body: Card(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            buildElement(context, title: "FAQs").onPress(() {}),
+            8.height,
+            const Divider().defaultStyle(context),
+            8.height,
+            buildElement(context, title: "Guidebook").onPress(() {}),
+            8.height,
+            const Divider().defaultStyle(context),
+            8.height,
+            buildElement(context, title: "Feedback").onPress(() {}),
+            8.height,
+            const Divider().defaultStyle(context),
+            8.height,
+            buildElement(context, title: "Contact Us").onPress(() {}),
+          ],
+        ).paddingAll(16),
+      ).paddingAll(16),
+    );
+  }
+
+  Widget buildElement(BuildContext context, {@required String title}) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        title.heading5(context),
+        "arrow_right".toSvgAsset(width: 17),
+      ],
+    );
+  }
+}

lib/new_views/pages/report_bug_page.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:test_sa/extensions/widget_extensions.dart';
+
+import '../common_widgets/default_app_bar.dart';
+
+class ReportBugPage extends StatelessWidget {
+  static const id = "/report_bug_page";
+  const ReportBugPage({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: const DefaultAppBar(title: "Help Center"),
+      body: Card(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [],
+        ).paddingAll(16),
+      ).paddingAll(16),
+    );
+  }
+}