fix : ui changes

packages/core/lib/presentation/widget/base_page/view.dart

@@ -19,7 +19,7 @@ class BasePage extends GetView<BaseLogic> {
   });
 
   final List<String>? routes;
-  final Breadcrumb? routesWidget;
+  final Widget? routesWidget;
   final List<Widget>? widgets;
   final Widget? child;
   final bool scrollable;

packages/core/lib/presentation/widget/base_page/widgets/breadcrumb.dart

@@ -2,13 +2,14 @@ import 'package:flutter/material.dart';
 import 'package:rasadyar_core/core.dart';
 
 abstract class Breadcrumb extends StatelessWidget {
-  const Breadcrumb({super.key, this.routes});
+  const Breadcrumb({super.key, this.routes, this.rxRoutes});
 
   final List<String>? routes;
+  final RxList<String>? rxRoutes;
 }
 
 class TextBreadcrumb extends Breadcrumb {
-  const TextBreadcrumb({super.key, super.routes});
+  const TextBreadcrumb({super.key, super.routes, super.rxRoutes});
 
   @override
   Widget build(BuildContext context) {
@@ -23,14 +24,22 @@ class TextBreadcrumb extends Breadcrumb {
 }
 
 class ContainerBreadcrumb extends Breadcrumb {
-  const ContainerBreadcrumb({super.key, super.routes});
+  const ContainerBreadcrumb({super.key, super.routes, super.rxRoutes})
+    : assert(
+        (routes != null && rxRoutes == null) || (routes == null && rxRoutes != null),
+        'Only one of routes or rxRoutes should be provided',
+      );
 
   @override
   Widget build(BuildContext context) {
-    if (routes?.isEmpty ?? true) {
+    if ((routes?.isEmpty ?? true) && (rxRoutes?.isEmpty ?? true)) {
       return SizedBox.shrink();
     }
-    return buildContainerPageRoute(routes!);
+    if (rxRoutes != null) {
+      return buildRXContainerPageRoute(rxRoutes!);
+    } else {
+      return buildContainerPageRoute(routes!);
+    }
   }
 
   Widget buildContainerPageRoute(List<String> route) {
@@ -62,4 +71,39 @@ class ContainerBreadcrumb extends Breadcrumb {
       ],
     );
   }
+
+  Widget buildRXContainerPageRoute(RxList<String> routes) {
+    return Row(
+      children: [
+        Container(
+          height: 24.h,
+          margin: EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
+          decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(2.r)),
+          padding: EdgeInsets.symmetric(horizontal: 6.w),
+          child: ObxValue((data) {
+            return ListView.separated(
+              scrollDirection: Axis.horizontal,
+              physics: NeverScrollableScrollPhysics(),
+              shrinkWrap: true,
+              itemBuilder: (context, index) {
+                var tmp = data[index];
+                return Center(
+                  child: Text(
+                    tmp,
+                    style: AppFonts.yekan14.copyWith(color: AppColor.labelTextColor),
+                  ),
+                );
+              },
+              separatorBuilder: (context, index) => Assets.vec.arrowLeftSvg.svg(
+                height: 24.h,
+                fit: BoxFit.fitHeight,
+                colorFilter: ColorFilter.mode(Color(0xFFD6DEEE), BlendMode.srcIn),
+              ),
+              itemCount: data.length,
+            );
+          }, routes),
+        ),
+      ],
+    );
+  }
 }