117 lines
3.5 KiB
Dart
117 lines
3.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:jiffy/jiffy.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
|
|
|
|
/// It shows a date divider depending on the date difference
|
|
class SystemMessage extends StatelessWidget {
|
|
/// This message
|
|
final Message message;
|
|
|
|
/// The function called when tapping on the message when the message is not failed
|
|
final void Function(Message) onMessageTap;
|
|
|
|
const SystemMessage({
|
|
Key key,
|
|
@required this.message,
|
|
this.onMessageTap,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final divider = Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: Divider(),
|
|
),
|
|
);
|
|
|
|
final createdAt = Jiffy(message.createdAt.toLocal());
|
|
final now = DateTime.now();
|
|
final hourInfo = createdAt.format('h:mm a');
|
|
|
|
String dayInfo;
|
|
if (Jiffy(createdAt).isSame(now, Units.DAY)) {
|
|
dayInfo = 'TODAY';
|
|
} else if (Jiffy(createdAt)
|
|
.isSame(now.subtract(Duration(days: 1)), Units.DAY)) {
|
|
dayInfo = 'YESTERDAY';
|
|
} else if (Jiffy(createdAt).isAfter(
|
|
now.subtract(Duration(days: 7)),
|
|
Units.DAY,
|
|
)) {
|
|
dayInfo = createdAt.format('EEEE').toUpperCase();
|
|
} else if (Jiffy(createdAt).isAfter(
|
|
Jiffy(now).subtract(years: 1),
|
|
Units.DAY,
|
|
)) {
|
|
dayInfo = createdAt.format('dd/MM').toUpperCase();
|
|
} else {
|
|
dayInfo = createdAt.format('dd/MM/yyyy').toUpperCase();
|
|
}
|
|
|
|
return GestureDetector(
|
|
behavior: HitTestBehavior.opaque,
|
|
onTap: () {
|
|
if (onMessageTap != null) {
|
|
onMessageTap(message);
|
|
}
|
|
},
|
|
child: Container(
|
|
width: double.infinity,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
divider,
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 32.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: <Widget>[
|
|
Text(
|
|
message.text,
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: Theme.of(context)
|
|
.textTheme
|
|
.headline6
|
|
.color
|
|
.withOpacity(.5),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Text.rich(
|
|
TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: dayInfo,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
TextSpan(text: ' AT'),
|
|
TextSpan(text: ' $hourInfo'),
|
|
],
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.normal,
|
|
),
|
|
),
|
|
style: TextStyle(
|
|
fontSize: 10,
|
|
color: Theme.of(context)
|
|
.textTheme
|
|
.headline6
|
|
.color
|
|
.withOpacity(.5),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
divider,
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|