lemmur-app-android/lib/widgets/user_profile.dart

287 lines
10 KiB
Dart
Raw Normal View History

2020-08-31 21:04:17 +02:00
import 'package:cached_network_image/cached_network_image.dart';
2020-08-31 12:05:45 +02:00
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;
import '../util/extensions/api.dart';
import '../util/goto.dart';
2020-08-31 15:43:09 +02:00
import '../util/intl.dart';
import '../util/text_color.dart';
2020-09-01 21:59:00 +02:00
import 'badge.dart';
2020-08-31 15:43:09 +02:00
2020-08-31 12:05:45 +02:00
class UserProfile extends HookWidget {
final Future<UserView> _userView;
final String instanceUrl;
2020-08-31 12:05:45 +02:00
2020-09-04 11:08:11 +02:00
// TODO: add `.fromUser` constructor
2020-09-08 21:08:37 +02:00
UserProfile({@required int userId, @required this.instanceUrl})
: _userView = LemmyApi(instanceUrl)
2020-08-31 12:05:45 +02:00
.v1
.getUserDetails(
userId: userId, savedOnly: true, sort: SortType.active)
.then((res) => res.user);
2020-08-31 12:05:45 +02:00
2020-09-08 21:08:37 +02:00
UserProfile.fromUserView(UserView userView)
: _userView = Future.value(userView),
instanceUrl = userView.instanceUrl;
2020-09-08 21:08:37 +02:00
2020-08-31 12:05:45 +02:00
@override
Widget build(BuildContext context) {
2020-09-16 23:22:04 +02:00
final theme = Theme.of(context);
final colorOnTopOfAccentColor =
textColorBasedOnBackground(theme.accentColor);
2020-08-31 12:05:45 +02:00
2020-09-16 23:22:04 +02:00
final userViewSnap = useFuture(_userView, preserveState: false);
2020-08-31 12:05:45 +02:00
2020-09-17 00:24:49 +02:00
final bio = () {
2020-09-04 11:04:10 +02:00
if (userViewSnap.hasData) {
if (userViewSnap.data.bio != null) {
return Padding(
padding: const EdgeInsets.all(10),
child: Text(userViewSnap.data.bio),
);
} else {
return Center(
child: Text(
'no bio',
style: const TextStyle(fontStyle: FontStyle.italic),
),
);
}
} else {
2020-09-04 11:04:10 +02:00
return Center(child: CircularProgressIndicator());
}
2020-09-04 11:04:10 +02:00
}();
Widget tabs() => DefaultTabController(
2020-08-31 21:04:17 +02:00
length: 3,
child: Column(
children: [
TabBar(
labelColor: theme.textTheme.bodyText1.color,
tabs: [
Tab(text: 'Posts'),
Tab(text: 'Comments'),
Tab(text: 'About'),
],
),
Expanded(
child: TabBarView(
children: [
Center(
child: Text(
'Posts',
style: const TextStyle(fontSize: 36),
),
),
2020-08-31 21:04:17 +02:00
Center(
child: Text(
'Comments',
style: const TextStyle(fontSize: 36),
),
),
bio,
2020-08-31 21:04:17 +02:00
],
),
)
],
),
);
2020-08-31 12:05:45 +02:00
return Center(
child: Stack(
children: [
if (userViewSnap.data?.banner != null)
2020-08-31 21:04:17 +02:00
CachedNetworkImage(
imageUrl: userViewSnap.data.banner,
errorWidget: (_, __, ___) => Container(),
2020-08-31 21:04:17 +02:00
)
else
Container(
width: double.infinity,
height: double.infinity,
color: theme.primaryColor,
),
Container(
height: 200,
decoration: BoxDecoration(
gradient: LinearGradient(
begin: FractionalOffset.topCenter,
end: FractionalOffset.bottomCenter,
colors: [
Colors.black26,
Colors.transparent,
],
),
),
),
2020-08-31 12:05:45 +02:00
SafeArea(
child: Padding(
padding: const EdgeInsets.only(top: 60),
child: SizedBox(
width: double.infinity,
height: double.infinity,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topRight: Radius.circular(40),
topLeft: Radius.circular(40),
),
2020-08-31 12:05:45 +02:00
color: theme.scaffoldBackgroundColor,
),
),
),
),
),
SafeArea(
child: Column(
children: [
if (userViewSnap.data?.avatar != null)
2020-08-31 21:04:17 +02:00
SizedBox(
width: 80,
height: 80,
child: Container(
// clipBehavior: Clip.antiAlias,
decoration: BoxDecoration(
boxShadow: [
BoxShadow(blurRadius: 6, color: Colors.black54)
],
borderRadius: BorderRadius.all(Radius.circular(15)),
border: Border.all(color: Colors.white, width: 3),
),
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(12)),
child: CachedNetworkImage(
imageUrl: userViewSnap.data.avatar,
errorWidget: (_, __, ___) => Container(),
2020-08-31 21:04:17 +02:00
),
),
2020-08-31 12:05:45 +02:00
),
),
Padding(
padding: userViewSnap.data?.avatar != null
? const EdgeInsets.only(top: 8.0)
: const EdgeInsets.only(top: 70),
child: Padding(
padding: EdgeInsets.only(
top: userViewSnap.data?.avatar == null ? 10 : 0),
child: Text(
userViewSnap.data?.preferredUsername ??
userViewSnap.data?.name ??
'',
style: theme.textTheme.headline6,
),
2020-08-31 12:05:45 +02:00
),
),
Padding(
padding: const EdgeInsets.only(top: 4.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'@${userViewSnap.data?.name ?? ''}@',
style: theme.textTheme.caption,
),
InkWell(
onTap: () => goToInstance(context, instanceUrl),
child: Text(
'$instanceUrl',
style: theme.textTheme.caption,
),
)
],
2020-08-31 12:05:45 +02:00
),
),
Padding(
padding: const EdgeInsets.only(top: 15),
2020-08-31 12:05:45 +02:00
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
2020-09-01 21:59:00 +02:00
Badge(
child: Row(
children: [
Icon(
Icons.comment, // TODO: should be article icon
size: 15,
color: colorOnTopOfAccentColor,
2020-09-01 21:59:00 +02:00
),
Padding(
padding: const EdgeInsets.only(left: 4.0),
child: Text(
'''
${userViewSnap.hasData ? compactNumber(userViewSnap.data.numberOfPosts) : '-'} Post${pluralS(userViewSnap.data?.numberOfPosts ?? 0)}''',
style:
TextStyle(color: colorOnTopOfAccentColor),
),
2020-09-01 21:59:00 +02:00
),
],
),
2020-08-31 12:05:45 +02:00
),
Padding(
padding: const EdgeInsets.only(left: 16.0),
2020-09-01 21:59:00 +02:00
child: Badge(
child: Row(
children: [
Icon(
Icons.comment,
size: 15,
color: colorOnTopOfAccentColor,
2020-09-01 21:59:00 +02:00
),
Padding(
padding: const EdgeInsets.only(left: 4.0),
child: Text(
'''
${userViewSnap.hasData ? compactNumber(userViewSnap.data.numberOfComments) : '-'} Comment${pluralS(userViewSnap.data?.numberOfComments ?? 0)}''',
style:
TextStyle(color: colorOnTopOfAccentColor),
),
2020-09-01 21:59:00 +02:00
),
],
),
2020-08-31 12:05:45 +02:00
),
),
],
),
),
Padding(
padding: const EdgeInsets.only(top: 15),
2020-08-31 12:05:45 +02:00
child: Text(
'''
Joined ${userViewSnap.hasData ? timeago.format(userViewSnap.data.published) : ''}''',
2020-08-31 12:05:45 +02:00
style: theme.textTheme.bodyText1,
),
),
Padding(
padding: const EdgeInsets.only(bottom: 8),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.cake,
size: 13,
2020-08-31 12:05:45 +02:00
),
Padding(
padding: const EdgeInsets.only(left: 4.0),
child: Text(
userViewSnap.hasData
? DateFormat('MMM dd, yyyy')
.format(userViewSnap.data.published)
: '',
style: theme.textTheme.bodyText1,
),
),
],
),
2020-08-31 12:05:45 +02:00
),
Expanded(child: tabs())
2020-08-31 12:05:45 +02:00
],
),
),
],
),
);
}
2020-08-31 21:04:17 +02:00
}