import 'package:flutter/material.dart'; import 'package:git_touch/models/github.dart'; import 'package:git_touch/models/theme.dart'; import 'package:git_touch/utils/utils.dart'; import 'package:git_touch/widgets/avatar.dart'; import 'package:git_touch/widgets/link.dart'; import 'package:provider/provider.dart'; import 'package:timeago/timeago.dart' as timeago; import 'package:github/github.dart' as github; class GistsItem extends StatelessWidget { final String description; final String login; final Map files; final List filenames; final String language; final String avatarUrl; final DateTime updatedAt; final String id; GistsItem({ @required this.description, @required this.login, @required this.files, @required this.filenames, @required this.language, @required this.avatarUrl, @required this.updatedAt, @required this.id, }); @override Widget build(BuildContext context) { final theme = Provider.of(context); return Link( url: '/github/$login/gists/$id', child: Container( padding: CommonStyle.padding, child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Avatar( url: avatarUrl, size: AvatarSize.small, linkUrl: '/github/$login', ), SizedBox(width: 8), Expanded( child: Text.rich( TextSpan(children: [ TextSpan( text: '$login / ', style: TextStyle( fontSize: 18, color: theme.palette.primary, ), ), TextSpan( text: filenames[0].filename, style: TextStyle( fontSize: 18, color: theme.palette.primary, fontWeight: FontWeight.w600, ), ), ]), overflow: TextOverflow.ellipsis, ), ), ], ), SizedBox(height: 8), if (description != null && description.isNotEmpty) ...[ Text( description, style: TextStyle( color: theme.palette.secondaryText, fontSize: 16, ), ), SizedBox(height: 10), ], if (updatedAt != null) ...[ Text( 'Updated ${timeago.format(updatedAt)}', style: TextStyle( fontSize: 14, color: theme.palette.tertiaryText, ), ), SizedBox(height: 10), ], DefaultTextStyle( style: TextStyle(color: theme.palette.text, fontSize: 14), child: Row( children: [ if (language != null) Container( width: 12, height: 12, decoration: BoxDecoration( color: convertColor(github.languageColors[language]), shape: BoxShape.circle, ), ), SizedBox(width: 4), if (language != null) Text( language, overflow: TextOverflow.ellipsis, ), SizedBox(width: 24), ], ), ), ], ), ), ], ), ), ); } }