added basic render of communities tab
This commit is contained in:
parent
0fa880fdbc
commit
260854386d
|
@ -0,0 +1,154 @@
|
|||
import 'package:cached_network_image/cached_network_image.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:lemmy_api_client/lemmy_api_client.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../stores/accounts_store.dart';
|
||||
import '../util/text_color.dart';
|
||||
|
||||
class CommunitiesTab extends HookWidget {
|
||||
CommunitiesTab();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var theme = Theme.of(context);
|
||||
var instancesFut = useMemoized(() {
|
||||
var accountsStore = context.watch<AccountsStore>();
|
||||
|
||||
var futures = accountsStore.users.keys
|
||||
.where((e) => !accountsStore.isAnonymousFor(e))
|
||||
.map(
|
||||
(instanceUrl) =>
|
||||
LemmyApi(instanceUrl).v1.getSite().then((e) => e.site),
|
||||
)
|
||||
.toList();
|
||||
|
||||
return Future.wait(futures);
|
||||
});
|
||||
var communitiesFut = useMemoized(() {
|
||||
var accountsStore = context.watch<AccountsStore>();
|
||||
|
||||
var futures = accountsStore.users.keys
|
||||
.where((e) => !accountsStore.isAnonymousFor(e))
|
||||
.map(
|
||||
(instanceUrl) => LemmyApi(instanceUrl)
|
||||
.v1
|
||||
.getUserDetails(
|
||||
sort: SortType.active,
|
||||
savedOnly: false,
|
||||
userId: accountsStore.defaultTokenFor(instanceUrl).payload.id,
|
||||
)
|
||||
.then((e) => e.follows),
|
||||
)
|
||||
.toList();
|
||||
|
||||
return Future.wait(futures);
|
||||
});
|
||||
|
||||
var communitiesSnap = useFuture(communitiesFut);
|
||||
var instancesSnap = useFuture(instancesFut);
|
||||
|
||||
if (!communitiesSnap.hasData || !instancesSnap.hasData) {
|
||||
return Scaffold(
|
||||
body: Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
var instances = instancesSnap.data;
|
||||
var communities = communitiesSnap.data;
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(),
|
||||
body: Column(
|
||||
children: Iterable.generate(instances.length)
|
||||
.map(
|
||||
(i) => Column(
|
||||
children: [
|
||||
ListTile(
|
||||
leading: CachedNetworkImage(
|
||||
height: 50,
|
||||
width: 50,
|
||||
imageUrl: instances[i].icon,
|
||||
imageBuilder: (context, imageProvider) => Container(
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
image: DecorationImage(
|
||||
fit: BoxFit.cover, image: imageProvider),
|
||||
),
|
||||
),
|
||||
errorWidget: (_, __, ___) => SizedBox(width: 50),
|
||||
),
|
||||
title: Text(
|
||||
instances[i].name,
|
||||
style: theme.textTheme.headline6,
|
||||
),
|
||||
),
|
||||
for (var comm in communities[i])
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 50),
|
||||
child: ListTile(
|
||||
leading: CachedNetworkImage(
|
||||
height: 30,
|
||||
width: 30,
|
||||
imageUrl: instances[i].icon,
|
||||
imageBuilder: (context, imageProvider) => Container(
|
||||
decoration: BoxDecoration(
|
||||
shape: BoxShape.circle,
|
||||
image: DecorationImage(
|
||||
fit: BoxFit.cover, image: imageProvider),
|
||||
),
|
||||
),
|
||||
errorWidget: (_, __, ___) => SizedBox(width: 30),
|
||||
),
|
||||
title: Text('!${comm.communityName}'),
|
||||
trailing: _CommunitySubscribe(
|
||||
instanceUrl: 'asd', // TODO: extract instanceUrl
|
||||
communityId: comm.id,
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _CommunitySubscribe extends HookWidget {
|
||||
final int communityId;
|
||||
final String instanceUrl;
|
||||
|
||||
_CommunitySubscribe({@required this.instanceUrl, @required this.communityId})
|
||||
: assert(instanceUrl != null),
|
||||
assert(communityId != null);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var theme = Theme.of(context);
|
||||
var subed = useState(true);
|
||||
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
subed.value = !subed.value;
|
||||
},
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: subed.value ? theme.accentColor : null,
|
||||
border: Border.all(color: theme.accentColor),
|
||||
borderRadius: BorderRadius.circular(5),
|
||||
),
|
||||
child: Icon(
|
||||
subed.value ? Icons.done : Icons.add,
|
||||
color: subed.value
|
||||
? textColorBasedOnBackground(theme.accentColor)
|
||||
: theme.accentColor,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue