Merge pull request #177 from SyncrowIOT/merge_sprint_19_bugfixes

merged DEV into staging.

lib/utils/app_routes.dart

@@ -1,5 +1,6 @@
 import 'package:go_router/go_router.dart';
 import 'package:syncrow_web/pages/access_management/view/access_management.dart';
+import 'package:syncrow_web/pages/analytics/modules/analytics/views/analytics_page.dart';
 import 'package:syncrow_web/pages/auth/view/login_page.dart';
 import 'package:syncrow_web/pages/device_managment/all_devices/view/device_managment_page.dart';
 import 'package:syncrow_web/pages/home/view/home_page.dart';
@@ -37,6 +38,11 @@ class AppRoutes {
       GoRoute(
           path: RoutesConst.rolesAndPermissions,
           builder: (context, state) => const RolesAndPermissionPage()),
+      GoRoute(
+        path: RoutesConst.analytics,
+        name: 'analytics',
+        builder: (context, state) => const AnalyticsPage(),
+      ),
     ];
   }
 }

lib/utils/color_manager.dart

@@ -72,4 +72,5 @@ abstract class ColorsManager {
   //background: #F8F8F8;
   static const Color vividBlue = Color(0xFF023DFE);
   static const Color semiTransparentRed = Color(0x99FF0000);
+  static const Color grey700 = Color(0xFF2D3748);
 }

lib/utils/constants/assets.dart

@@ -480,4 +480,5 @@ class Assets {
   static const String DisappeDelayIcon = 'assets/icons/disappe_delay_icon.svg';
   static const String indentLevelIcon = 'assets/icons/indent_level_icon.svg';
   static const String triggerLevelIcon = 'assets/icons/trigger_level_icon.svg';
+  static const String blankCalendar = 'assets/icons/blank_calendar.svg';
 }

lib/utils/constants/routes_const.dart

@@ -6,4 +6,5 @@ class RoutesConst {
   static const String deviceManagementPage = '/device-management-page';
   static const String spacesManagementPage = '/spaces_management-page';
   static const String rolesAndPermissions = '/roles_and_Permissions-page';
+  static const String analytics = '/syncrow_analytics';
 }

lib/utils/style.dart

@@ -2,8 +2,7 @@ import 'package:flutter/material.dart';
 
 import 'color_manager.dart';
 
-InputDecoration? textBoxDecoration(
-        {bool suffixIcon = false, double radios = 8}) =>
+InputDecoration? textBoxDecoration({bool suffixIcon = false, double radios = 8}) =>
     InputDecoration(
       focusColor: ColorsManager.grayColor,
       suffixIcon: suffixIcon ? const Icon(Icons.search) : null,
@@ -68,10 +67,24 @@ BoxDecoration subSectionContainerDecoration = BoxDecoration(
   ],
 );
 
+final secondarySection = BoxDecoration(
+  boxShadow: [
+    BoxShadow(
+      color: Colors.black.withOpacity(0.1),
+      spreadRadius: 1,
+      blurRadius: 7,
+      offset: const Offset(0, 10),
+    ),
+  ],
+  color: ColorsManager.circleRolesBackground,
+  borderRadius: const BorderRadius.all(
+    Radius.circular(15),
+  ),
+);
+
 InputDecoration inputTextFormDeco({hintText}) => InputDecoration(
       hintText: hintText,
       border: const OutlineInputBorder(
-  
         borderSide: BorderSide(
           width: 1,
           color: ColorsManager.textGray, // Border color for unfocused state