init

lib/widgets/header.dart

@@ -0,0 +1,55 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:go_router/go_router.dart';
+import 'package:zap_stream_flutter/main.dart';
+import 'package:zap_stream_flutter/theme.dart';
+import 'package:zap_stream_flutter/widgets/avatar.dart';
+
+class HeaderWidget extends StatefulWidget {
+  const HeaderWidget({super.key});
+
+  @override
+  State<StatefulWidget> createState() => _HeaderWidget();
+}
+
+class _HeaderWidget extends State<HeaderWidget> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.symmetric(vertical: 12),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          SvgPicture.asset("assets/svg/logo.svg", height: 23),
+          LoginButtonWidget(),
+        ],
+      ),
+    );
+  }
+}
+
+class LoginButtonWidget extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    if (ndk.accounts.isLoggedIn) {
+      return AvatarWidget.pubkey(ndk.accounts.getPublicKey()!);
+    } else {
+      return GestureDetector(
+        onTap: () {
+          context.push("/login");
+        },
+        child: Container(
+          padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+          decoration: BoxDecoration(
+            border: Border.all(color: FONT_COLOR),
+            borderRadius: BorderRadius.all(Radius.circular(50)),
+          ),
+          child: Row(
+            spacing: 8,
+            children: [Text("Login"), Icon(Icons.login, size: 16)],
+          ),
+        ),
+      );
+    }
+  }
+}