feat: add users screen: following and followers

pd4d10 · Feb 9, 2019 · 66c040e · 66c040e
1 parent 813a956
commit 66c040e
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 4 deletions.
diff --git a/lib/screens/repos.dart b/lib/screens/repos.dart
@@ -49,8 +49,9 @@ class _ReposScreenState extends State<ReposScreen> {
 
   @override
   Widget build(BuildContext context) {
+    var title = widget.star ? 'stars' : 'repositories';
     return ListScaffold(
-      title: Text('$login\'s repositories'),
+      title: Text('$login\'s $title'),
       onRefresh: () => _queryRepos(),
       onLoadMore: (cursor) => _queryRepos(cursor),
       itemBuilder: (payload) => RepoItem(payload),

diff --git a/lib/screens/user.dart b/lib/screens/user.dart
@@ -197,12 +197,14 @@ class _UserScreenState extends State<UserScreen> {
                   EntryItem(
                     count: payload['followers']['totalCount'],
                     text: 'Followers',
-                    screenBuilder: (context) => UsersScreen(),
+                    screenBuilder: (context) =>
+                        UsersScreen(login: widget.login),
                   ),
                   EntryItem(
                     count: payload['following']['totalCount'],
                     text: 'Following',
-                    screenBuilder: (context) => UsersScreen(),
+                    screenBuilder: (context) =>
+                        UsersScreen(login: widget.login, following: true),
                   ),
                 ],
               ),

diff --git a/lib/screens/users.dart b/lib/screens/users.dart
@@ -1,13 +1,79 @@
 import 'package:flutter/material.dart';
+import '../scaffolds/list.dart';
+import '../providers/settings.dart';
+import '../utils/utils.dart';
+import '../widgets/link.dart';
+import '../screens/user.dart';
 
 class UsersScreen extends StatefulWidget {
+  final String login;
+  final bool following;
+
+  UsersScreen({this.login, this.following = false});
+
   @override
   _UsersScreenState createState() => _UsersScreenState();
 }
 
 class _UsersScreenState extends State<UsersScreen> {
+  get login => widget.login;
+  get resource => widget.following ? 'following' : 'followers';
+
+  Future<ListPayload> _queryUsers([String cursor]) async {
+    var cursorChunk = cursor == null ? '' : ', after: "$cursor"';
+
+    var data = await SettingsProvider.of(context).query('''
+{
+  user(login: "$login") {
+    $resource(first: $pageSize$cursorChunk) {
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      nodes {
+        login
+        avatarUrl
+      }
+    }
+  }
+}    
+    ''');
+    var repo = data["user"][resource];
+
+    return ListPayload(
+      cursor: repo["pageInfo"]["endCursor"],
+      end: repo['pageInfo']['hasNextPage'],
+      items: repo["nodes"],
+    );
+  }
+
+  Widget _buildItem(payload) {
+    return Link(
+      screenBuilder: (_) => UserScreen(payload['login']),
+      child: Container(
+        padding: EdgeInsets.all(10),
+        child: Row(
+          children: <Widget>[
+            CircleAvatar(
+              backgroundColor: Colors.transparent,
+              backgroundImage: NetworkImage(payload['avatarUrl']),
+              radius: 18,
+            ),
+            Padding(padding: EdgeInsets.only(left: 10)),
+            Text(payload['login'], style: TextStyle(fontSize: 18))
+          ],
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Container();
+    return ListScaffold(
+      title: Text('$login\'s $resource'),
+      onRefresh: () => _queryUsers(),
+      onLoadMore: (cursor) => _queryUsers(cursor),
+      itemBuilder: _buildItem,
+    );
   }
 }