keys router ui

lib/component/appbar_back_btn_component.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+
+import '../util/router_util.dart';
+
+class AppbarBackBtnComponent extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() {
+    return _AppbarBackBtnComponent();
+  }
+}
+
+class _AppbarBackBtnComponent extends State<AppbarBackBtnComponent> {
+  @override
+  Widget build(BuildContext context) {
+    var themeData = Theme.of(context);
+
+    return GestureDetector(
+      onTap: () {
+        RouterUtil.back(context);
+      },
+      child: Icon(
+        Icons.arrow_back_ios,
+        color: themeData.appBarTheme.titleTextStyle!.color,
+      ),
+    );
+  }
+}

lib/component/text_input/text_input_dialog.dart

@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:nostr_sdk/utils/string_util.dart';
+
+import '../../../util/router_util.dart';
+import '../../const/base.dart';
+import 'text_input_dialog_inner_component.dart';
+
+class TextInputDialog extends StatefulWidget {
+  String title;
+
+  String? hintText;
+
+  String? value;
+
+  bool Function(BuildContext, String)? valueCheck;
+
+  TextInputDialog(
+    this.title, {
+    this.hintText,
+    this.value,
+    this.valueCheck,
+  });
+
+  @override
+  State<StatefulWidget> createState() {
+    return _TextInputDialog();
+  }
+
+  static Future<String?> show(BuildContext context, String title,
+      {String? value,
+      String? hintText,
+      bool Function(BuildContext, String)? valueCheck}) async {
+    return await showDialog<String>(
+        context: context,
+        builder: (_context) {
+          return TextInputDialog(
+            StringUtil.breakWord(title),
+            hintText: hintText,
+            value: value,
+            valueCheck: valueCheck,
+          );
+        });
+  }
+}
+
+class _TextInputDialog extends State<TextInputDialog> {
+  @override
+  Widget build(BuildContext context) {
+    var themeData = Theme.of(context);
+    var main = TextInputDialogInnerComponent(
+      widget.title,
+      hintText: widget.hintText,
+      value: widget.value,
+      valueCheck: widget.valueCheck,
+    );
+
+    return Dialog(
+      child: FocusScope(
+        autofocus: true,
+        child: GestureDetector(
+          behavior: HitTestBehavior.opaque,
+          onTap: () {
+            RouterUtil.back(context);
+          },
+          child: Container(
+            padding: EdgeInsets.all(Base.BASE_PADDING * 2),
+            child: main,
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/component/text_input/text_input_dialog_inner_component.dart

@@ -0,0 +1,106 @@
+import 'package:flutter/material.dart';
+
+import '../../../generated/l10n.dart';
+import '../../../util/router_util.dart';
+import '../../const/base.dart';
+
+class TextInputDialogInnerComponent extends StatefulWidget {
+  String title;
+
+  String? hintText;
+
+  String? value;
+
+  bool Function(BuildContext, String)? valueCheck;
+
+  TextInputDialogInnerComponent(
+    this.title, {
+    this.hintText,
+    this.value,
+    this.valueCheck,
+  });
+
+  @override
+  State<StatefulWidget> createState() {
+    return _TextInputDialogInnerComponent();
+  }
+}
+
+class _TextInputDialogInnerComponent
+    extends State<TextInputDialogInnerComponent> {
+  late TextEditingController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller = TextEditingController(text: widget.value);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    var themeData = Theme.of(context);
+    Color cardColor = themeData.cardColor;
+    var mainColor = themeData.primaryColor;
+    var titleFontSize = themeData.textTheme.bodyLarge!.fontSize;
+
+    List<Widget> list = [];
+
+    list.add(Container(
+      margin: EdgeInsets.only(bottom: Base.BASE_PADDING),
+      child: Text(
+        widget.title,
+        style: TextStyle(
+          fontWeight: FontWeight.bold,
+          fontSize: titleFontSize,
+        ),
+      ),
+    ));
+
+    list.add(Container(
+      child: TextField(
+        controller: controller,
+        minLines: 4,
+        maxLines: 4,
+        autofocus: true,
+        decoration: InputDecoration(
+          hintText: widget.hintText,
+          border: OutlineInputBorder(borderSide: BorderSide(width: 1)),
+        ),
+      ),
+    ));
+
+    list.add(Container(
+      margin: EdgeInsets.only(top: Base.BASE_PADDING),
+      width: double.infinity,
+      child: FilledButton(
+        onPressed: _onConfirm,
+        child: Text("Confirm"),
+      ),
+    ));
+
+    var main = Container(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: list,
+      ),
+    );
+
+    return main;
+  }
+
+  void _onConfirm() {
+    var value = controller.text;
+    // if (StringUtil.isBlank(value)) {
+    //   BotToast.showText(text: "Input can't be null");
+    //   return;
+    // }
+
+    if (widget.valueCheck != null) {
+      if (!widget.valueCheck!(context, value)) {
+        return;
+      }
+    }
+    return RouterUtil.back(context, value);
+  }
+}

lib/component/webview/web_home_component.dart

@@ -61,7 +61,9 @@ class _WebHomeComponent extends State<WebHomeComponent> {
                     ), onTap: () {
                   RouterUtil.router(context, RouterPath.WEB_TABS);
                 }),
-                wrapBottomBtn(const Icon(Icons.space_dashboard)),
+                wrapBottomBtn(const Icon(Icons.space_dashboard), onTap: () {
+                  AuthDialog.show(context);
+                }),
                 wrapBottomBtn(const Icon(Icons.segment), onTap: () {
                   // AuthDialog.show(context);
                   RouterUtil.router(context, RouterPath.ME);