push routines style and create scene view

lib/features/app_layout/bloc/home_cubit.dart

@@ -18,6 +18,7 @@ import 'package:syncrow_app/features/devices/model/status_model.dart';
 import 'package:syncrow_app/features/devices/view/widgets/curtains/curtain_view.dart';
 import 'package:syncrow_app/features/devices/view/widgets/devices_view_body.dart';
 import 'package:syncrow_app/features/menu/view/menu_view.dart';
+import 'package:syncrow_app/features/scene/view/create_scene_view.dart';
 import 'package:syncrow_app/features/scene/view/scene_view.dart';
 import 'package:syncrow_app/generated/assets.dart';
 import 'package:syncrow_app/navigation/navigation_service.dart';
@@ -62,9 +63,12 @@ class HomeCubit extends Cubit<HomeState> {
     selectedSpace = null;
     selectedRoom = null;
     pageIndex = 0;
-    OneSignal.User.pushSubscription.removeObserver((stateChanges) => oneSignalSubscriptionObserver);
-    OneSignal.Notifications.removePermissionObserver((permission) => oneSignalPermissionObserver);
-    OneSignal.Notifications.removeClickListener((event) => oneSignalClickListenerObserver);
+    OneSignal.User.pushSubscription
+        .removeObserver((stateChanges) => oneSignalSubscriptionObserver);
+    OneSignal.Notifications.removePermissionObserver(
+        (permission) => oneSignalPermissionObserver);
+    OneSignal.Notifications.removeClickListener(
+        (event) => oneSignalClickListenerObserver);
     return super.close();
   }
 
@@ -106,7 +110,9 @@ class HomeCubit extends Cubit<HomeState> {
         return;
       }
 
-      var userUuid = await const FlutterSecureStorage().read(key: UserModel.userUuidKey) ?? '';
+      var userUuid =
+          await const FlutterSecureStorage().read(key: UserModel.userUuidKey) ??
+              '';
       if (userUuid.isNotEmpty) {
         await OneSignal.login(userUuid);
       }
@@ -114,21 +120,24 @@ class HomeCubit extends Cubit<HomeState> {
       await OneSignal.User.pushSubscription.optIn();
 
       //this function will be called once a user is subscribed
-      oneSignalSubscriptionObserver = OneSignal.User.pushSubscription.addObserver((state) async {
+      oneSignalSubscriptionObserver =
+          OneSignal.User.pushSubscription.addObserver((state) async {
         if (state.current.optedIn) {
           await _sendSubscriptionId();
         }
       });
 
       // Send the player id when a user allows notifications
-      oneSignalPermissionObserver = OneSignal.Notifications.addPermissionObserver((state) async {
+      oneSignalPermissionObserver =
+          OneSignal.Notifications.addPermissionObserver((state) async {
         await _sendSubscriptionId();
       });
 
       //check if the player id is sent, if not send it again
       await _sendSubscriptionId();
 
-      oneSignalClickListenerObserver = OneSignal.Notifications.addClickListener((event) async {
+      oneSignalClickListenerObserver =
+          OneSignal.Notifications.addClickListener((event) async {
         //Once the user clicks on the notification
       });
     } catch (err) {
@@ -215,7 +224,9 @@ class HomeCubit extends Cubit<HomeState> {
 
   Future<bool> joinAUnit(String code) async {
     try {
-      var uuid = await const FlutterSecureStorage().read(key: UserModel.userUuidKey) ?? '';
+      var uuid =
+          await const FlutterSecureStorage().read(key: UserModel.userUuidKey) ??
+              '';
       Map<String, String> body = {'userUuid': uuid, 'inviteCode': code};
 
       final success = await SpacesAPI.joinUnit(body);
@@ -275,7 +286,8 @@ class HomeCubit extends Cubit<HomeState> {
           size: 25,
         ),
         style: ButtonStyle(
-          foregroundColor: MaterialStateProperty.all(ColorsManager.textPrimaryColor),
+          foregroundColor:
+              WidgetStateProperty.all(ColorsManager.textPrimaryColor),
         ),
         onPressed: () {
           Navigator.push(
@@ -294,26 +306,29 @@ class HomeCubit extends Cubit<HomeState> {
       ),
     ],
     'Devices': [
-      IconButton(
-        icon: const Icon(
-          Icons.add,
-          size: 25,
-        ),
-        style: ButtonStyle(
-          foregroundColor: MaterialStateProperty.all(ColorsManager.textPrimaryColor),
-        ),
-        onPressed: () {},
-      ),
-      IconButton(
-        icon: const Icon(
-          Icons.more_vert,
-          size: 25,
-        ),
-        style: ButtonStyle(
-          foregroundColor: MaterialStateProperty.all(ColorsManager.textPrimaryColor),
-        ),
-        onPressed: () {},
-      ),
+      //TODO: to be checked
+      // IconButton(
+      //   icon: const Icon(
+      //     Icons.add,
+      //     size: 25,
+      //   ),
+      //   style: ButtonStyle(
+      //     foregroundColor:
+      //         MaterialStateProperty.all(ColorsManager.textPrimaryColor),
+      //   ),
+      //   onPressed: () {},
+      // ),
+      // IconButton(
+      //   icon: const Icon(
+      //     Icons.more_vert,
+      //     size: 25,
+      //   ),
+      //   style: ButtonStyle(
+      //     foregroundColor:
+      //         MaterialStateProperty.all(ColorsManager.textPrimaryColor),
+      //   ),
+      //   onPressed: () {},
+      // ),
     ],
     'Routine': [
       // IconButton(
@@ -327,20 +342,29 @@ class HomeCubit extends Cubit<HomeState> {
       IconButton(
         icon: const Icon(
           Icons.add,
-          size: 25,
+          size: 32,
         ),
         style: ButtonStyle(
-          foregroundColor: MaterialStateProperty.all(ColorsManager.textPrimaryColor),
+          foregroundColor:
+              WidgetStateProperty.all(ColorsManager.textPrimaryColor),
         ),
-        onPressed: () {},
+        onPressed: () {
+          Navigator.push(
+            NavigationService.navigatorKey.currentContext!,
+            CustomPageRoute(
+              builder: (context) => const CreateSceneView(),
+            ),
+          );
+        },
       ),
       IconButton(
         icon: const Icon(
           Icons.more_vert,
-          size: 25,
+          size: 28,
         ),
         style: ButtonStyle(
-          foregroundColor: MaterialStateProperty.all(ColorsManager.textPrimaryColor),
+          foregroundColor:
+              WidgetStateProperty.all(ColorsManager.textPrimaryColor),
         ),
         onPressed: () {},
       ),
@@ -373,7 +397,8 @@ class HomeCubit extends Cubit<HomeState> {
   };
 
   static var bottomNavItems = [
-    defaultBottomNavBarItem(icon: Assets.assetsIconsDashboard, label: 'Dashboard'),
+    defaultBottomNavBarItem(
+        icon: Assets.assetsIconsDashboard, label: 'Dashboard'),
     // defaultBottomNavBarItem(icon: Assets.assetsIconslayout, label: 'Layout'),
     defaultBottomNavBarItem(icon: Assets.assetsIconsDevices, label: 'Devices'),
     defaultBottomNavBarItem(icon: Assets.assetsIconsRoutines, label: 'Routine'),
@@ -398,7 +423,8 @@ class HomeCubit extends Cubit<HomeState> {
   }
 }
 
-BottomNavigationBarItem defaultBottomNavBarItem({required String icon, required String label}) {
+BottomNavigationBarItem defaultBottomNavBarItem(
+    {required String icon, required String label}) {
   return BottomNavigationBarItem(
     icon: SvgPicture.asset(icon),
     activeIcon: SvgPicture.asset(

lib/features/app_layout/view/widgets/app_bar_home_dropdown.dart

@@ -16,21 +16,21 @@ class AppBarHomeDropdown extends StatelessWidget {
       builder: (context, state) {
         return Padding(
           padding: const EdgeInsets.only(left: 10, right: 10),
-          child: DropdownButton(
-            icon: const Icon(
-              Icons.expand_more,
-              color: Colors.black,
-              size: 25,
-            ),
-            underline: const SizedBox.shrink(),
-            padding: const EdgeInsets.all(0),
-            borderRadius: BorderRadius.circular(20),
-            value: HomeCubit.getInstance().selectedSpace!.id,
-            items: HomeCubit.getInstance().spaces!.map((space) {
-              return DropdownMenuItem(
-                value: space.id,
-                child: SizedBox(
-                  width: 100,
+          child: Center(
+            child: DropdownButton(
+              icon: const Icon(
+                Icons.expand_more,
+                color: ColorsManager.textPrimaryColor,
+                size: 16,
+              ),
+              underline: const SizedBox.shrink(),
+              padding: EdgeInsets.zero,
+              borderRadius: BorderRadius.circular(20),
+              value: HomeCubit.getInstance().selectedSpace!.id,
+              items: HomeCubit.getInstance().spaces!.map((space) {
+                return DropdownMenuItem(
+                  alignment: AlignmentDirectional.centerStart,
+                  value: space.id,
                   child: Row(
                     mainAxisAlignment: MainAxisAlignment.start,
                     mainAxisSize: MainAxisSize.min,
@@ -45,7 +45,8 @@ class AppBarHomeDropdown extends StatelessWidget {
                         ),
                       ),
                       const SizedBox(width: 5),
-                      Expanded(
+                      Flexible(
+                        fit: FlexFit.loose,
                         child: BodyMedium(
                           text: space.name ?? "??",
                           style: context.bodyMedium.copyWith(
@@ -55,19 +56,20 @@ class AppBarHomeDropdown extends StatelessWidget {
                           ),
                         ),
                       ),
+                      const SizedBox(width: 5),
                     ],
                   ),
-                ),
-              );
-            }).toList(),
-            onChanged: (value) {
-              if (value != null) {
-                HomeCubit.getInstance().changeSelectedSpace(
-                    HomeCubit.getInstance()
-                        .spaces!
-                        .firstWhere((element) => element.id == value));
-              }
-            },
+                );
+              }).toList(),
+              onChanged: (value) {
+                if (value != null) {
+                  HomeCubit.getInstance().changeSelectedSpace(
+                      HomeCubit.getInstance()
+                          .spaces!
+                          .firstWhere((element) => element.id == value));
+                }
+              },
+            ),
           ),
         );
       },

lib/features/app_layout/view/widgets/default_app_bar.dart

@@ -20,9 +20,11 @@ class DefaultAppBar extends StatelessWidget implements PreferredSizeWidget {
               leadingWidth: 150,
               toolbarHeight: Constants.appBarHeight,
               leading: HomeCubit.getInstance().spaces!.isNotEmpty
-                  ? HomeCubit.appBarLeading[HomeCubit.bottomNavItems[HomeCubit.pageIndex].label]
+                  ? HomeCubit.appBarLeading[
+                      HomeCubit.bottomNavItems[HomeCubit.pageIndex].label]
                   : null,
-              // actions: HomeCubit.appBarActions[HomeCubit.bottomNavItems[HomeCubit.pageIndex].label],
+              actions: HomeCubit.appBarActions[
+                  HomeCubit.bottomNavItems[HomeCubit.pageIndex].label],
             ));
       },
     );