Skip to content

Commit

Permalink
tweak start round date on broadcast cards
Browse files Browse the repository at this point in the history
  • Loading branch information
@julien4215
julien4215 committed Aug 26, 2024
1 parent bc39987 commit 1c111f1
Showing 1 changed file with 115 additions and 99 deletions.
214 changes: 115 additions & 99 deletions lib/src/view/broadcast/broadcasts_list_screen.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ class _BodyState extends ConsumerState<_Body> {
}
}

class BroadcastGridItem extends ConsumerWidget {
class BroadcastGridItem extends StatelessWidget {
final Broadcast broadcast;

const BroadcastGridItem({required this.broadcast});
Expand Down Expand Up @@ -219,110 +219,126 @@ class BroadcastGridItem extends ConsumerWidget {
);

@override
Widget build(BuildContext context, WidgetRef ref) {
final dateFormatter =
ref.withLocale((locale) => DateFormat.yMMMd(locale).add_Hm());

return AdaptiveInkWell(
borderRadius: BorderRadius.circular(20),
onTap: () {
pushPlatformRoute(
context,
title: context.l10n.broadcastBroadcasts,
rootNavigator: true,
builder: (context) => BroadcastScreen(broadcast: broadcast),
);
},
child: Container(
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: LichessColors.grey.withOpacity(0.5),
blurRadius: 5,
spreadRadius: 1,
),
],
),
foregroundDecoration: BoxDecoration(
border: (broadcast.isLive)
? Border.all(color: LichessColors.red, width: 2)
: Border.all(color: LichessColors.grey),
borderRadius: BorderRadius.circular(20),
),
child: Column(
children: [
if (broadcast.tour.imageUrl != null)
AspectRatio(
aspectRatio: 2.0,
child: FadeInImage.memoryNetwork(
placeholder: transparentImage,
image: broadcast.tour.imageUrl!,
),
)
else
const DefaultBroadcastImage(aspectRatio: 2.0),
Expanded(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (!broadcast.isFinished) ...[
Text(
broadcast.round.name,
style: Theme.of(context)
.textTheme
.labelMedium
?.copyWith(
color: textShade(context, 0.5),
),
),
const SizedBox(width: 4.0),
],
if (broadcast.isLive)
const Text(
'LIVE',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.bold,
color: Colors.red,
Widget build(BuildContext context) => AdaptiveInkWell(
borderRadius: BorderRadius.circular(20),
onTap: () {
pushPlatformRoute(
context,
title: context.l10n.broadcastBroadcasts,
rootNavigator: true,
builder: (context) => BroadcastScreen(broadcast: broadcast),
);
},
child: Container(
clipBehavior: Clip.hardEdge,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: LichessColors.grey.withOpacity(0.5),
blurRadius: 5,
spreadRadius: 1,
),
],
),
foregroundDecoration: BoxDecoration(
border: (broadcast.isLive)
? Border.all(color: LichessColors.red, width: 2)
: Border.all(color: LichessColors.grey),
borderRadius: BorderRadius.circular(20),
),
child: Column(
children: [
if (broadcast.tour.imageUrl != null)
AspectRatio(
aspectRatio: 2.0,
child: FadeInImage.memoryNetwork(
placeholder: transparentImage,
image: broadcast.tour.imageUrl!,
),
)
else
const DefaultBroadcastImage(aspectRatio: 2.0),
Expanded(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
if (!broadcast.isFinished) ...[
Text(
broadcast.round.name,
style: Theme.of(context)
.textTheme
.labelMedium
?.copyWith(
color: textShade(context, 0.5),
),
),
)
else if (broadcast.round.startsAt != null)
Text(
dateFormatter.format(broadcast.round.startsAt!),
style: Theme.of(context)
.textTheme
.labelSmall
?.copyWith(
color: textShade(context, 0.5),
),
),
],
),
const SizedBox(height: 4.0),
Flexible(
child: Text(
broadcast.title,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.labelLarge?.copyWith(
fontWeight: FontWeight.bold,
const SizedBox(width: 4.0),
],
if (broadcast.isLive)
const Text(
'LIVE',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.bold,
color: Colors.red,
),
)
else if (broadcast.round.startsAt != null)
StartsRoundDate(
startsAt: broadcast.round.startsAt!,
),
],
),
const SizedBox(height: 4.0),
Flexible(
child: Text(
broadcast.title,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style:
Theme.of(context).textTheme.labelLarge?.copyWith(
fontWeight: FontWeight.bold,
),
),
),
),
],
],
),
),
),
),
],
],
),
),
),
);
}

class StartsRoundDate extends ConsumerWidget {
final DateTime startsAt;

const StartsRoundDate({required this.startsAt});

@override
Widget build(BuildContext context, WidgetRef ref) {
final dateFormatter =
ref.withLocale((locale) => DateFormat.MMMd(locale).add_Hm());
final dateFormatterWithYear =
ref.withLocale((locale) => DateFormat.yMMMd(locale).add_Hm());
final timeBeforeRound = startsAt.difference(DateTime.now());

return Text(
timeBeforeRound.inDays == 0
? 'In ${timeBeforeRound.inHours} hours'
: timeBeforeRound.inDays < 365
? dateFormatter.format(startsAt)
: dateFormatterWithYear.format(startsAt),
style: Theme.of(context).textTheme.labelSmall?.copyWith(
color: textShade(context, 0.5),
),
overflow: TextOverflow.ellipsis,
);
}
}

0 comments on commit 1c111f1

Please sign in to comment.