feat: update home ui

2026-06-23 21:27:27 +07:00
parent e236d811ce
commit 83f4e065ed
34 changed files with 2128 additions and 1597 deletions
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+import '../../../../application/outlet/selected_outlet/selected_outlet_bloc.dart';
+import '../../../../common/theme/theme.dart';
+import '../../../components/spacer/spacer.dart';
+import 'header_outlet_bottom_sheet.dart';
+
+class HeaderOutletSelector extends StatelessWidget {
+  const HeaderOutletSelector({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<SelectedOutletBloc, SelectedOutletState>(
+      builder: (context, state) {
+        return GestureDetector(
+          onTap: () => HeaderOutletBottomSheet.show(context),
+          child: Container(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            decoration: BoxDecoration(
+              color: AppColor.white.withOpacity(0.15),
+              borderRadius: BorderRadius.circular(12),
+              border: Border.all(color: AppColor.white.withOpacity(0.3)),
+            ),
+            child: Row(
+              children: [
+                Icon(
+                  Icons.location_on_outlined,
+                  color: AppColor.white,
+                  size: 18,
+                ),
+                const SpaceWidth(8),
+                Expanded(
+                  child: Text(
+                    state.displayName,
+                    style: AppStyle.md.copyWith(
+                      color: AppColor.white,
+                      fontWeight: FontWeight.w600,
+                    ),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
+                Icon(
+                  Icons.keyboard_arrow_down_rounded,
+                  color: AppColor.white,
+                  size: 20,
+                ),
+              ],
+            ),
+          ),
+        );
+      },
+    );
+  }
+}