keys router ui

lib/router/keys/keys_item_component.dart

@@ -0,0 +1,61 @@
+import 'package:flutter/material.dart';
+import 'package:nostr_sdk/nip19/nip19.dart';
+import 'package:nowser/const/base.dart';
+
+import '../../component/user_pic_component.dart';
+
+class KeysItemComponent extends StatefulWidget {
+  bool isDefault;
+
+  String pubkey;
+
+  KeysItemComponent(this.pubkey, {this.isDefault = false});
+
+  @override
+  State<StatefulWidget> createState() {
+    return _KeysItemComponent();
+  }
+}
+
+class _KeysItemComponent extends State<KeysItemComponent> {
+  @override
+  Widget build(BuildContext context) {
+    var themeData = Theme.of(context);
+    var mainColor = themeData.primaryColor;
+    List<Widget> list = [];
+
+    list.add(Container(
+      margin: EdgeInsets.only(
+        right: Base.BASE_PADDING_HALF,
+      ),
+      child: UserPicComponent(
+        width: 26,
+      ),
+    ));
+    list.add(Expanded(
+        child: Text(
+      Nip19.encodePubKey(widget.pubkey),
+      maxLines: 1,
+      overflow: TextOverflow.ellipsis,
+    )));
+    list.add(Container(
+      margin: EdgeInsets.only(
+        left: Base.BASE_PADDING_HALF,
+        // right: Base.BASE_PADDING_HALF,
+      ),
+      child: Icon(Icons.logout),
+    ));
+
+    return Container(
+      padding: EdgeInsets.all(Base.BASE_PADDING),
+      decoration: BoxDecoration(
+        color:
+            widget.isDefault ? mainColor.withOpacity(0.5) : themeData.cardColor,
+        borderRadius: BorderRadius.circular(Base.BASE_PADDING),
+      ),
+      child: Row(
+        children: list,
+      ),
+    );
+  }
+}

lib/router/keys/keys_router.dart

@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+import 'package:nowser/component/appbar_back_btn_component.dart';
+import 'package:nowser/component/text_input/text_input_dialog.dart';
+import 'package:nowser/const/base.dart';
+import 'package:nowser/router/keys/keys_item_component.dart';
+
+class KeysRouter extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() {
+    return _KeysRouter();
+  }
+
+  static void addKey(BuildContext context) {
+    TextInputDialog.show(context, "Please input private key");
+  }
+}
+
+class _KeysRouter extends State<KeysRouter> {
+  @override
+  Widget build(BuildContext context) {
+    var themeData = Theme.of(context);
+    var margin = EdgeInsets.only(
+      left: Base.BASE_PADDING,
+      right: Base.BASE_PADDING,
+      top: Base.BASE_PADDING,
+    );
+
+    List<Widget> list = [];
+    list.add(Container(
+      margin: margin,
+      child: KeysItemComponent(
+        "29320975df855fe34a7b45ada2421e2c741c37c0136901fe477133a91eb18b07",
+        isDefault: true,
+      ),
+    ));
+    for (var i = 0; i < 5; i++) {
+      list.add(Container(
+        margin: margin,
+        child: KeysItemComponent(
+          "8fb140b4e8ddef97ce4b821d247278a1a4353362623f64021484b372f948000c",
+        ),
+      ));
+    }
+
+    var main = ListView(
+      children: list,
+    );
+
+    return Scaffold(
+      appBar: AppBar(
+        leading: AppbarBackBtnComponent(),
+        title: Text(
+          "Keys Manager",
+          style: TextStyle(
+            fontWeight: FontWeight.bold,
+            fontSize: themeData.textTheme.bodyLarge!.fontSize,
+          ),
+        ),
+        actions: [
+          GestureDetector(
+            onTap: () {
+              KeysRouter.addKey(context);
+            },
+            child: Container(
+              padding: const EdgeInsets.all(Base.BASE_PADDING),
+              child: Icon(Icons.add),
+            ),
+          )
+        ],
+      ),
+      body: main,
+    );
+  }
+}