refactor: mutation button

lib/widgets/mutation_button.dart

@@ -1,46 +1,26 @@
+import 'package:antd_mobile/antd_mobile.dart';
 import 'package:flutter/cupertino.dart';
-import 'package:git_touch/models/theme.dart';
-import 'package:git_touch/widgets/link.dart';
-import 'package:provider/provider.dart';
 
 class MutationButton extends StatelessWidget {
-  final bool? active;
+  final bool active;
   final String text;
-  final String? url;
+  final VoidCallback onTap;
-  final VoidCallback? onTap;
 
   const MutationButton({
-    required this.active,
+    super.key,
+    this.active = false,
     required this.text,
-    this.url,
+    required this.onTap,
-    this.onTap,
   });
 
   @override
   Widget build(BuildContext context) {
-    final theme = Provider.of<ThemeModel>(context);
+    return AntButton(
-    final textColor =
+      color: AntTheme.primary,
-        active! ? theme.palette.background : theme.palette.primary;
+      fill: active ? AntButtonFill.solid : AntButtonFill.outline,
-    final backgroundColor =
+      shape: AntButtonShape.rounded,
-        active! ? theme.palette.primary : theme.palette.background;
+      onClick: onTap,
-    return LinkWidget(
+      child: Text(text),
-      url: url,
-      onTap: onTap,
-      child: Container(
-        padding: const EdgeInsets.symmetric(
-          horizontal: 12,
-          vertical: 4,
-        ),
-        decoration: BoxDecoration(
-          color: backgroundColor,
-          borderRadius: const BorderRadius.all(Radius.circular(20)),
-          border: Border.all(color: theme.palette.primary),
-        ),
-        child: Text(
-          text,
-          style: TextStyle(fontSize: 17, color: textColor),
-        ),
-      ),
     );
   }
 }

lib/widgets/user_header.dart

@@ -11,30 +11,34 @@ class UserHeader extends StatelessWidget {
   final String? login;
   final DateTime? createdAt;
   final String? bio;
+  final bool isViewer;
   final List<Widget> rightWidgets;
 
-  UserHeader({
+  const UserHeader({
+    super.key,
     required this.avatarUrl,
     required this.name,
     required this.login,
     required this.createdAt,
     required this.bio,
-    bool isViewer = false,
+    this.isViewer = false,
-    List<Widget>? rightWidgets,
+    this.rightWidgets = const [],
-  }) : rightWidgets = [
+  });
-          if (isViewer)
-            const MutationButton(
-              active: false,
-              text: 'Switch accounts',
-              url: '/login',
-            )
-          else
-            ...(rightWidgets ?? []),
-        ];
 
   @override
   Widget build(BuildContext context) {
     final theme = Provider.of<ThemeModel>(context);
+    final right = isViewer
+        ? [
+            MutationButton(
+              text: 'Switch accounts',
+              onTap: () {
+                theme.push(context, '/login');
+              },
+            )
+          ]
+        : rightWidgets;
+
     return Container(
       padding: CommonStyle.padding,
       child: Column(
@@ -43,9 +47,9 @@ class UserHeader extends StatelessWidget {
           Row(
             children: <Widget>[
               Avatar(url: avatarUrl, size: AvatarSize.extraLarge),
-              if (rightWidgets.isNotEmpty) ...[
+              if (right.isNotEmpty) ...[
                 Expanded(child: Container()),
-                ...rightWidgets,
+                ...right,
               ]
             ],
           ),

pubspec.lock

@@ -313,10 +313,10 @@ packages:
   flutter_vector_icons:
     dependency: "direct main"
     description:
-      path: "../flutter-vector-icons"
+      name: flutter_vector_icons
-      relative: true
+      url: "https://pub.dartlang.org"
-    source: path
+    source: hosted
-    version: "1.0.0"
+    version: "2.0.0"
   flutter_web_plugins:
     dependency: transitive
     description: flutter

pubspec.yaml

@@ -41,7 +41,6 @@ dependencies:
   flutter_markdown:
   flutter_svg:
   flutter_vector_icons:
-    path: ../flutter-vector-icons
   github:
   github_trending:
   gql: