push bottom sheet design of the scenes

lib/features/scene/view/widgets/if_then_containers/bottom_sheet_widget.dart

@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/scene/view/widgets/scene_list_tile.dart';
+import 'package:syncrow_app/features/shared_widgets/light_divider.dart';
+
+import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
+import 'package:syncrow_app/generated/assets.dart';
+import 'package:syncrow_app/utils/context_extension.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+
+class CustomBottomSheetWidget extends StatelessWidget {
+  const CustomBottomSheetWidget({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: double.infinity,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(top: 16, bottom: 8),
+            child: BodyLarge(
+              text: 'Add Task',
+              style: context.bodyLarge.copyWith(
+                fontWeight: FontWeight.w700,
+                color: ColorsManager.primaryColorWithOpacity,
+              ),
+              textAlign: TextAlign.center,
+            ),
+          ),
+          SizedBox(
+            width: context.width * 0.7,
+            child: const LightDivider(),
+          ),
+          SceneListTile(
+            assetPath: Assets.assetsIconsLight,
+            assetHeight: 24,
+            minLeadingWidth: 30,
+            titleString: 'Control Single Device',
+            padding: const EdgeInsets.symmetric(horizontal: 20),
+            trailingWidget: const Icon(
+              Icons.arrow_forward_ios_rounded,
+              size: 16,
+              color: ColorsManager.greyColor,
+            ),
+            onPressed: () {},
+          ),
+          SceneListTile(
+            assetPath: Assets.player,
+            titleString: 'Select Automation',
+            minLeadingWidth: 30,
+            assetHeight: 24,
+            padding: const EdgeInsets.symmetric(horizontal: 20),
+            trailingWidget: const Icon(
+              Icons.arrow_forward_ios_rounded,
+              size: 16,
+              color: ColorsManager.greyColor,
+            ),
+            onPressed: () {},
+          ),
+          SceneListTile(
+            assetPath: Assets.delay,
+            titleString: 'Delay The Action',
+            assetHeight: 24,
+            minLeadingWidth: 30,
+            padding: const EdgeInsets.symmetric(horizontal: 20),
+            trailingWidget: const Icon(
+              Icons.arrow_forward_ios_rounded,
+              size: 16,
+              color: ColorsManager.greyColor,
+            ),
+            onPressed: () {},
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/features/scene/view/widgets/if_then_containers/if_container.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:syncrow_app/features/scene/view/widgets/scene_list_tile.dart';
 import 'package:syncrow_app/features/shared_widgets/default_container.dart';
+import 'package:syncrow_app/features/shared_widgets/light_divider.dart';
 import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
 import 'package:syncrow_app/generated/assets.dart';
 import 'package:syncrow_app/utils/context_extension.dart';
@@ -31,10 +32,7 @@ class IFDefaultContainer extends StatelessWidget {
             trailingWidget: SvgPicture.asset(Assets.addIcon),
             padding: EdgeInsets.zero,
           ),
-          const Divider(
-            color: ColorsManager.greyColor,
-            thickness: 0.3,
-          ),
+          const LightDivider(),
           const SceneListTile(
             assetPath: Assets.handClickIcon,
             titleString: StringsManager.tapToRun,
@@ -45,3 +43,5 @@ class IFDefaultContainer extends StatelessWidget {
     );
   }
 }
+
+

lib/features/scene/view/widgets/if_then_containers/then_container.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:syncrow_app/features/scene/view/widgets/scene_list_tile.dart';
+import 'package:syncrow_app/features/scene/view/widgets/if_then_containers/bottom_sheet_widget.dart';
 import 'package:syncrow_app/features/shared_widgets/default_container.dart';
+import 'package:syncrow_app/features/shared_widgets/light_divider.dart';
 import 'package:syncrow_app/features/shared_widgets/text_widgets/body_large.dart';
 import 'package:syncrow_app/generated/assets.dart';
 import 'package:syncrow_app/utils/context_extension.dart';
@@ -28,7 +30,9 @@ class ThenDefaultContainer extends StatelessWidget {
               ),
             ),
             trailingWidget: GestureDetector(
-              onTap: () => context.customBottomSheet(title: 'Add Task'),
+              onTap: () => context.customBottomSheet(
+                child: const CustomBottomSheetWidget(),
+              ),
               child: SvgPicture.asset(
                 Assets.addIcon,
                 colorFilter: const ColorFilter.mode(
@@ -39,19 +43,13 @@ class ThenDefaultContainer extends StatelessWidget {
             ),
             padding: EdgeInsets.zero,
           ),
-          const Divider(
-            color: ColorsManager.greyColor,
-            thickness: 0.3,
-          ),
+          const LightDivider(),
           SceneListTile(
             titleString: '+ Add Task',
             textAlign: TextAlign.center,
             onPressed: () => context.customBottomSheet(
-                title: 'Add Task',
-                titleStyle: context.bodyLarge.copyWith(
-                  color: ColorsManager.primaryColorWithOpacity,
-                  fontWeight: FontWeight.bold,
-                )),
+              child: const CustomBottomSheetWidget(),
+            ),
           )
         ],
       ),

lib/features/scene/view/widgets/scene_list_tile.dart

@@ -17,6 +17,8 @@ class SceneListTile extends StatelessWidget {
     this.padding,
     this.textAlign,
     this.onPressed,
+    this.assetHeight,
+    this.minLeadingWidth,
   });
   final String? assetPath;
   final String? titleString;
@@ -26,17 +28,20 @@ class SceneListTile extends StatelessWidget {
   final EdgeInsetsGeometry? padding;
   final TextAlign? textAlign;
   final void Function()? onPressed;
+  final double? assetHeight;
+  final double? minLeadingWidth;
 
   @override
   Widget build(BuildContext context) {
     return ListTile(
-      minLeadingWidth: 40,
+      minLeadingWidth: minLeadingWidth ?? 40,
       leading: leadingWidget ??
           (assetPath != null
               ? SvgPicture.asset(
                   assetPath ?? Assets.assetsImagesLogo,
                   width: 20,
-                  height: 32,
+                  height: assetHeight ?? 32,
+                  fit: BoxFit.fitWidth,
                 )
               : null),
       trailing: trailingWidget,

lib/features/shared_widgets/bottom_sheet/bottom_sheet_widget.dart

@@ -1,108 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:syncrow_app/features/shared_widgets/default_button.dart';
-import 'package:syncrow_app/features/shared_widgets/text_widgets/body_medium.dart';
-import 'package:syncrow_app/utils/context_extension.dart';
-import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
-
-class CustomBottomSheetWidget extends StatelessWidget {
-  const CustomBottomSheetWidget({
-    required this.title,
-    super.key,
-    this.onPressed,
-    this.withBack = false,
-    this.image = '',
-    this.imageSize = 200,
-    this.description = '',
-    this.onPressedColor = ColorsManager.primaryTextColor,
-    this.titleStyle,
-    this.descreptionStyle,
-    this.backColor,
-    this.onPressedTitle,
-    this.imageSpace = 8,
-  });
-
-  final String image;
-  final double imageSize;
-  final double imageSpace;
-  final String title;
-  final TextStyle? titleStyle;
-  final String description;
-  final TextStyle? descreptionStyle;
-  final bool withBack;
-  final String? onPressedTitle;
-  final void Function()? onPressed;
-  final Color onPressedColor;
-  final Color? backColor;
-  @override
-  Widget build(BuildContext context) {
-    return SizedBox(
-      width: double.infinity,
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          if (image.isNotEmpty)
-            Image.asset(
-              image,
-              width: imageSize,
-            ),
-          if (image.isNotEmpty) SizedBox(height: imageSpace),
-          if (title.isNotEmpty)
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
-              child: Text(
-                title,
-                style: titleStyle ??
-                    context.bodyLarge.copyWith(
-                      fontWeight: FontWeight.w700,
-                    ),
-                textAlign: TextAlign.center,
-              ),
-            ),
-          if (title.isNotEmpty) const SizedBox(height: 16),
-          if (description.isNotEmpty)
-            Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 16),
-              child: Text(
-                description,
-                style: descreptionStyle ?? context.bodyLarge,
-                textAlign: TextAlign.center,
-              ),
-            ),
-          if (onPressed != null)
-            Padding(
-              padding: EdgeInsets.only(
-                left: 16,
-                right: 16,
-                top: 32,
-                bottom: withBack ? 0 : 32,
-              ),
-              child: DefaultButton(
-                onPressed: onPressed,
-                child: BodyMedium(
-                  text: onPressedTitle ?? '',
-                ),
-              ),
-            ),
-          if (withBack)
-            Padding(
-              padding: const EdgeInsets.fromLTRB(16, 8, 16, 32),
-              child: DefaultButton(
-                onPressed: () {
-                  Navigator.pop(context);
-                },
-                customButtonStyle: ButtonStyle(
-                  backgroundColor: WidgetStateProperty.all(
-                      backColor ?? ColorsManager.primaryColor),
-                ),
-                customTextStyle: context.bodyMedium.copyWith(
-                    color: backColor ?? ColorsManager.primaryTextColor),
-                enabled: true,
-                child: const BodyMedium(text: 'Back'),
-              ),
-            ),
-        ],
-      ),
-    );
-  }
-}

lib/features/shared_widgets/light_divider.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+
+class LightDivider extends StatelessWidget {
+  const LightDivider({
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return const Divider(
+      color: ColorsManager.greyColor,
+      thickness: 0.3,
+    );
+  }
+}

lib/generated/assets.dart

@@ -693,6 +693,8 @@ class Assets {
   static const String handClickIcon = "assets/icons/hand_click.svg";
   static const String refreshIcon = "assets/icons/refresh.svg";
   static const String addIcon = "assets/icons/add.svg";
+  static const String player = "assets/icons/player.svg";
+  static const String delay = "assets/icons/delay.svg";
 
   /// Assets for assetsImagesAutomation
   /// assets/images/automation.jpg

lib/utils/context_extension.dart

@@ -1,7 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:syncrow_app/features/shared_widgets/bottom_sheet/bottom_sheet_widget.dart';
 import 'package:syncrow_app/features/shared_widgets/bottom_sheet/custom_bottom_sheet.dart';
-import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
 
 extension ContextExtension on BuildContext {
   Future<void> goTo(String newRouteName) async {
@@ -34,57 +32,13 @@ extension ContextExtension on BuildContext {
 
   TextStyle get bodySmall => Theme.of(this).textTheme.bodySmall!;
 
-  void customBottomSheet({
-    /// this fild will show the title after image widget
-    required String title,
-
-    /// this showing image in top of the screen
-    String? image,
-
-    /// this if you need change image size
-    double? imageSize,
-
-    /// if you need change title styling use this fild
-    TextStyle? titleStyle,
-
-    /// this fild will show the title after title widget
-    String? descreption,
-
-    /// if you neee change descreption styling use this fild
-    TextStyle? descreptionStyle,
-
-    /// if you need show back bottom to closed bottom sheet
-    bool? withBack,
-
-    /// this calling when press action bottom
-    void Function()? onPressed,
-
-    /// this fild to change on press text
-    String? onPressedTitle,
-
-    /// this fild to change action bottom color
-    Color? onPressedColor,
-
-    /// this fild to change back bottom color
-    Color? backColor,
-  }) {
+  void customBottomSheet({Widget? child}) {
     showModalBottomSheet<void>(
       context: this,
       isScrollControlled: true,
       builder: (BuildContext context) {
         return CustomBottomSheet(
-          child: CustomBottomSheetWidget(
-            image: image ?? '',
-            imageSize: imageSize ?? 200,
-            titleStyle: titleStyle,
-            description: descreption ?? '',
-            descreptionStyle: descreptionStyle,
-            title: title,
-            withBack: withBack ?? false,
-            onPressed: onPressed,
-            onPressedColor: onPressedColor ?? ColorsManager.primaryTextColor,
-            backColor: backColor,
-          ),
+          child: child,
         );
       },
     );