add translateSettinstranslateSettings and app SenSettings

lib/_shared/button/button_with_popup.dart

@@ -0,0 +1,145 @@
+import 'package:flutter/material.dart';
+
+class ButtonWithPopup<T> extends StatefulWidget {
+  const ButtonWithPopup(
+      {
+        // required this.onChanged,
+      required this.items,
+      this.onTap,
+      required this.child});
+  // final Function(T) onChanged;
+  final List<DropdownMenuItem<T>> items;
+  final Widget child;
+  final Function()? onTap;
+  @override
+  _ButtonWithPopupState<T> createState() => _ButtonWithPopupState<T>();
+}
+
+class _ButtonWithPopupState<T> extends State<ButtonWithPopup<T>> {
+  String? selectedItem;
+  final LayerLink _layerLink = LayerLink();
+
+  void _onDropdownTap() async {
+    print('onDropdownTap');
+    // Khi đã có dữ liệu, hiển thị dropdown items
+    if (widget.items.isNotEmpty) {
+      print('items không rỗng');
+      _showOverlay(); //ko do day
+    } else {
+      print('items rỗng');
+      // MsgDialog.showError(msg: 'Không tải được dữ liệu!');
+    }
+  }
+
+  final GlobalKey _key = GlobalKey();
+  OverlayEntry? _overlayEntry;
+  void _showOverlay() {
+    print('show overlay');
+//null check
+    final renderBox = _key.currentContext!.findRenderObject() as RenderBox;
+    final size = renderBox.size;
+    print('size (dropdownNoFetchItems): $size');
+    final position = renderBox.localToGlobal(Offset.zero);
+
+    // Tính chiều cao của popup dựa trên số lượng items
+    double popupHeight = widget.items.length * 50.0; // Giả sử mỗi item cao 58px
+    // final offset = renderBox.localToGlobal(Offset.zero);
+    // Lấy chiều cao màn hình
+    // Tính khoảng cách từ vị trí widget đến mép trên
+    double distanceToTop = position.dy;
+
+    // Tính khoảng cách offset để giữ popup cách mép trên 100 pixels nếu cần thiết
+    double offsetY = -popupHeight;
+    if (distanceToTop - popupHeight < 20) {
+      //cach mep tren man hinh 20
+      offsetY = -distanceToTop + 20;
+    }
+    _overlayEntry = OverlayEntry(
+      builder: (context) => Stack(
+        children: [
+          GestureDetector(
+            onTap: () {
+              _removeOverlay(); // Call this when tapping outside
+            },
+            child: Container(
+              color: Colors.transparent, // Transparent barrier
+            ),
+          ),
+          Positioned(
+            // left: offset.dx,
+            // top: offset.dy + size.height,
+            width: size.width,
+            //        width: _key.currentContext!.size!.width,
+            child: CompositedTransformFollower(
+              //để popup luôn di chuyển theo field khi cuộn
+              link: _layerLink,
+              showWhenUnlinked: false,
+              offset: Offset(0, offsetY),
+              // offset: Offset(0, -popupHeight),
+              // offset: Offset(0, _key.currentContext!.size!.height),
+              child: Material(
+                elevation: 2.0,
+                child: ConstrainedBox(
+                  constraints: BoxConstraints(
+                    maxHeight: popupHeight, // Đặt chiều cao tối đa của popup
+                  ),
+                  child: ListView(
+                    padding: EdgeInsets.zero,
+                    shrinkWrap: true,
+                    children: widget.items.map((item) {
+                      return SizedBox(
+                        height: 50,
+                        child: ListTile(
+                          title: item.child,
+                          onTap: () {
+                            item.onTap?.call();
+                            // setState(() {
+                            //   selectedItem = (item.child as Text).data;
+                            // });
+                            // if (item.value != null) {
+                            //   widget.onChanged(item.value!);
+                            // }
+                            _removeOverlay();
+                          },
+                        ),
+                      );
+                    }).toList(),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+
+    Overlay.of(context).insert(_overlayEntry!);
+  }
+
+  void _removeOverlay() {
+    _overlayEntry?.remove();
+    _overlayEntry = null;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // const lightgrey = const Color.fromRGBO(237, 237, 237, 1);
+    // const darkgrey = const Color.fromRGBO(104, 102, 102, 1);
+    return CompositedTransformTarget(
+      link: _layerLink,
+      child: GestureDetector(
+          key: _key,
+          onTap: widget.onTap,
+          onLongPress: _onDropdownTap,
+          behavior: HitTestBehavior.opaque,
+          onTapDown: (details) {
+            if (_overlayEntry != null) {
+              _removeOverlay();
+            }
+          }, // Điều khiển khi tap vào dropdown
+          child: Material(
+            child: widget.child,
+          )),
+    );
+  }
+}

lib/_shared/button/my_chip_button.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+
+class MyFilterChipButton extends StatelessWidget {
+  const MyFilterChipButton({
+    super.key,
+    required this.onSelected,
+    required this.label,
+    required this.selected,
+  });
+  final void Function(bool) onSelected;
+  final String label;
+  final bool selected;
+  @override
+  Widget build(BuildContext context) {
+    return FilterChip(
+        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
+        label: Text(label),
+        selected: selected, //t//bloc.hasLyric &&
+        // selected: bloc.isHighLightMode,//f
+        disabledColor: Colors.grey,
+        selectedColor: Colors.black,
+        onSelected: (bool value) {
+          onSelected(value);
+        });
+  }
+}

lib/_shared/data/chat_data.dart

@@ -21,6 +21,9 @@ final class Message {
 
   Map<String, dynamic> toMap() =>
       {'message': message, 'sender': sender, 'time': timestamp};
+  @override
+  String toString() => toMap().toString();
+  // 'Message(id: $id, message: $message, sender: $sender, timestamp: $timestamp, translations: $translations)';
 }
 
 final class UserDetail {

lib/_shared/dialog/loading_dialog.dart

@@ -23,6 +23,6 @@ class LoadingState extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const CupertinoActivityIndicator();
+    return const Center(child: CupertinoActivityIndicator());
   }
 }

lib/_shared/dialog/popup/message_dialog.dart → lib/_shared/dialog/message_dialog.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import '../../../config/routes/navigator.dart';
-import '../../../main.dart';
+import '../../config/routes/navigator.dart';
+import '../../main.dart';
 
 class MessageDialog {
   static void showMessageDialog({
@@ -14,6 +14,7 @@ class MessageDialog {
     Widget? titleWidget,
     String? titleText,
     Function()? onTapClose,
+    bool showCloseButton = true,
   }) {
     showCupertinoModalPopup<void>(
       context: globalAppContext!,
@@ -33,31 +34,35 @@ class MessageDialog {
                     textAlign: TextAlign.start,
                     style: const TextStyle(fontSize: 16)),
           ),
-          actions: actions ??
-              [
-                TextButton(
-                    onPressed: onTapClose ??
-                        () {
-                          pop();
-                        },
-                    child: Text(closeText ?? 'OK'))
-              ],
+          actions: showCloseButton
+              ? actions ??
+                  [
+                    TextButton(
+                        onPressed: onTapClose ??
+                            () {
+                              pop();
+                            },
+                        child: Text(closeText ?? 'OK'))
+                  ]
+              : [],
         );
       },
     );
   }
 
-  static void showError({
-    BuildContext? context,
-    String? contentText,
+  static void showError(
+    String err, {
     Widget? contentWidget,
     String? closeText = 'Close',
     List<Widget>? actions,
     bool tapOutsideToClose = false,
+    String? titleText,
   }) {
     showMessageDialog(
         color: Colors.red,
-        contentText: contentText,
+        contentText: err,
+        titleWidget: Text(titleText ?? 'Error',
+            style: const TextStyle(color: Colors.red, fontSize: 20)),
         contentWidget: contentWidget,
         closeText: closeText,
         actions: actions,