✨ Popup userinfo

lib/widgets/account/account_profile_popup.dart

@@ -0,0 +1,118 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:solian/exts.dart';
+import 'package:solian/models/account.dart';
+import 'package:solian/services.dart';
+import 'package:solian/widgets/account/account_avatar.dart';
+
+class AccountProfilePopup extends StatefulWidget {
+  final Account account;
+
+  const AccountProfilePopup({super.key, required this.account});
+
+  @override
+  State<AccountProfilePopup> createState() => _AccountProfilePopupState();
+}
+
+class _AccountProfilePopupState extends State<AccountProfilePopup> {
+  bool _isBusy = true;
+
+  Account? _userinfo;
+
+  void getUserinfo() async {
+    setState(() => _isBusy = true);
+
+    final client = GetConnect();
+    client.httpClient.baseUrl = ServiceFinder.services['passport'];
+
+    final resp = await client.get('/api/users/${widget.account.name}');
+    if (resp.statusCode == 200) {
+      _userinfo = Account.fromJson(resp.body);
+      setState(() => _isBusy = false);
+    } else {
+      context.showErrorDialog(resp.bodyString);
+      Navigator.pop(context);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+
+    getUserinfo();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (_isBusy) {
+      return const Center(child: CircularProgressIndicator());
+    }
+
+    return SizedBox(
+      height: MediaQuery.of(context).size.height * 0.75,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          AspectRatio(
+            aspectRatio: 16 / 7,
+            child: Container(
+              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+              child: Stack(
+                clipBehavior: Clip.none,
+                fit: StackFit.expand,
+                children: [
+                  if (_userinfo!.banner != null)
+                    Image.network(
+                      '${ServiceFinder.services['paperclip']}/api/attachments/${_userinfo!.banner}',
+                      fit: BoxFit.cover,
+                    ),
+                  Positioned(
+                    bottom: -30,
+                    left: 18,
+                    child: AccountAvatar(
+                      content: widget.account.banner,
+                      radius: 48,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ).paddingOnly(top: 32),
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.baseline,
+            textBaseline: TextBaseline.alphabetic,
+            children: [
+              Text(
+                _userinfo!.nick,
+                style: const TextStyle(
+                  fontSize: 17,
+                  fontWeight: FontWeight.bold,
+                ),
+              ).paddingOnly(right: 4),
+              Text(
+                '@${_userinfo!.name}',
+                style: const TextStyle(
+                  fontSize: 15,
+                ),
+              ),
+            ],
+          ).paddingOnly(left: 120, top: 8),
+          SizedBox(
+            width: double.infinity,
+            child: Card(
+              color: Theme.of(context).colorScheme.surfaceContainerHigh,
+              child: ListTile(
+                title: Text('description'.tr),
+                subtitle: Text(
+                  _userinfo!.description.isNotEmpty
+                      ? widget.account.description
+                      : 'No description yet.',
+                ),
+              ),
+            ),
+          ).paddingOnly(left: 24, right: 24, top: 8),
+        ],
+      ),
+    );
+  }
+}

lib/widgets/posts/post_item.dart

@@ -5,6 +5,7 @@ import 'package:get/get_utils/get_utils.dart';
 import 'package:solian/models/post.dart';
 import 'package:solian/router.dart';
 import 'package:solian/widgets/account/account_avatar.dart';
+import 'package:solian/widgets/account/account_profile_popup.dart';
 import 'package:solian/widgets/attachments/attachment_list.dart';
 import 'package:solian/widgets/posts/post_quick_action.dart';
 import 'package:timeago/timeago.dart' show format;
@@ -158,7 +159,18 @@ class _PostItemState extends State<PostItem> {
         Row(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            AccountAvatar(content: item.author.avatar.toString()),
+            GestureDetector(
+              child: AccountAvatar(content: item.author.avatar.toString()),
+              onTap: () {
+                showModalBottomSheet(
+                  useRootNavigator: true,
+                  isScrollControlled: true,
+                  context: context,
+                  builder: (context) =>
+                      AccountProfilePopup(account: item.author),
+                );
+              },
+            ),
             Expanded(
               child: Column(
                 children: [