basic profile tab

lib/pages/profile_tab.dart

@@ -0,0 +1,123 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:intl/intl.dart';
+import 'package:lemmy_api_client/lemmy_api_client.dart';
+import 'package:timeago/timeago.dart' as timeago;
+
+class UserProfileTab extends HookWidget {
+  final User user;
+  final Future<UserView> _userView;
+
+  UserProfileTab(this.user)
+      : _userView = LemmyApi('dev.lemmy.ml')
+            .v1
+            .search(q: user.name, type: SearchType.users, sort: SortType.active)
+            .then((res) => res.users[0]);
+
+  @override
+  Widget build(BuildContext context) {
+    var theme = Theme.of(context);
+
+    var userViewSnap = useFuture(_userView);
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('hello'),
+      ),
+      body: Center(
+        child: Column(
+          children: [
+            SizedBox(
+              width: 65,
+              height: 65,
+              child: Container(
+                decoration: BoxDecoration(
+                  boxShadow: [BoxShadow(blurRadius: 6, color: Colors.black54)],
+                  color: theme.backgroundColor, // TODO: add avatar, not color
+                  borderRadius: BorderRadius.all(Radius.circular(15)),
+                  border: Border.all(color: Colors.white, width: 3),
+                ),
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.only(top: 8.0),
+              child: Text(
+                user.preferredUsername ?? user.name,
+                style: theme.textTheme.headline6,
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.only(top: 8.0),
+              child: Text(
+                '@${user.name}@', // TODO: add instance host uri
+                style: theme.textTheme.caption,
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.only(top: 8.0),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  _blueBadge(
+                    icon: Icons.comment,
+                    text: '''
+${NumberFormat.compact().format(userViewSnap.data.numberOfPosts ?? 0)} Posts''',
+                    loading: !userViewSnap.hasData,
+                  ),
+                  Padding(
+                    padding: const EdgeInsets.only(left: 16.0),
+                    child: _blueBadge(
+                      icon: Icons.comment,
+                      text: '''
+${NumberFormat.compact().format(userViewSnap.data.numberOfPosts ?? 0)} Comments''',
+                      loading: !userViewSnap.hasData,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            Padding(
+              padding: const EdgeInsets.only(top: 8.0),
+              child: Text('''Joined ${timeago.format(user.published)}'''),
+            ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Icon(
+                  Icons.cake,
+                  size: 13,
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(left: 4.0),
+                  child:
+                      Text(DateFormat('MMM dd, yyyy').format(user.published)),
+                ),
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _blueBadge({IconData icon, String text, bool loading}) => Container(
+        decoration: BoxDecoration(
+          color: Colors.blue[300],
+          borderRadius: BorderRadius.all(Radius.circular(5)),
+        ),
+        child: Padding(
+          padding: const EdgeInsets.all(4.0),
+          child: loading
+              ? CircularProgressIndicator()
+              : Row(
+                  children: [
+                    Icon(icon, size: 15, color: Colors.white),
+                    Padding(
+                      padding: const EdgeInsets.only(left: 4.0),
+                      child: Text(text, style: TextStyle(color: Colors.white)),
+                    ),
+                  ],
+                ),
+        ),
+      );
+}

pubspec.lock

@@ -337,7 +337,7 @@ packages:
       name: lemmy_api_client
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.3"
+    version: "0.2.1"
   logging:
     dependency: transitive
     description:

pubspec.yaml

@@ -25,7 +25,7 @@ dependencies:
   flutter_hooks: ^0.13.2
   cached_network_image: ^2.2.0+1
   timeago: ^2.0.27
-  lemmy_api_client: ^0.1.3
+  lemmy_api_client: ^0.2.0
 
   mobx: ^1.2.1
   flutter_mobx: ^1.1.0