138 lines
3.9 KiB
Dart
138 lines
3.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:jiffy/jiffy.dart';
|
|
import 'package:stream_chat/stream_chat.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
|
|
|
|
/// It shows the current [Message] preview.
|
|
///
|
|
/// Usually you don't use this widget as it's the default item used by [MessageSearchListView].
|
|
///
|
|
/// The widget renders the ui based on the first ancestor of type [StreamChatTheme].
|
|
/// Modify it to change the widget appearance.
|
|
class MessageSearchItem extends StatelessWidget {
|
|
/// Instantiate a new MessageSearchItem
|
|
const MessageSearchItem({
|
|
Key key,
|
|
@required this.getMessageResponse,
|
|
this.onTap,
|
|
this.showOnlineStatus = true,
|
|
}) : super(key: key);
|
|
|
|
/// [Message] displayed
|
|
final GetMessageResponse getMessageResponse;
|
|
|
|
/// Function called when tapping this widget
|
|
final VoidCallback onTap;
|
|
|
|
/// If true the [MessageSearchItem] will show the current online Status
|
|
final bool showOnlineStatus;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final message = getMessageResponse.message;
|
|
final channel = getMessageResponse.channel;
|
|
final channelName = channel.extraData['name'];
|
|
final user = message.user;
|
|
return ListTile(
|
|
onTap: onTap,
|
|
leading: UserAvatar(
|
|
user: user,
|
|
showOnlineStatus: showOnlineStatus,
|
|
constraints: BoxConstraints.tightFor(
|
|
height: 40,
|
|
width: 40,
|
|
),
|
|
),
|
|
title: Row(
|
|
children: [
|
|
Text(
|
|
user.id == StreamChat.of(context).user.id ? 'You' : user.name,
|
|
style: StreamChatTheme.of(context).channelPreviewTheme.title,
|
|
),
|
|
if (channelName != null) ...[
|
|
Text(
|
|
' in ',
|
|
style: StreamChatTheme.of(context)
|
|
.channelPreviewTheme
|
|
.title
|
|
.copyWith(
|
|
fontWeight: FontWeight.normal,
|
|
),
|
|
),
|
|
Text(
|
|
channelName,
|
|
style: StreamChatTheme.of(context).channelPreviewTheme.title,
|
|
),
|
|
],
|
|
],
|
|
),
|
|
subtitle: Row(
|
|
children: [
|
|
Expanded(child: _buildSubtitle(context, message)),
|
|
SizedBox(width: 16),
|
|
_buildDate(context, message),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDate(BuildContext context, Message message) {
|
|
final lastUpdatedAt = message.updatedAt;
|
|
String stringDate;
|
|
final now = DateTime.now();
|
|
|
|
if (now.year != lastUpdatedAt.year ||
|
|
now.month != lastUpdatedAt.month ||
|
|
now.day != lastUpdatedAt.day) {
|
|
stringDate = Jiffy(lastUpdatedAt.toLocal()).format('dd/MM/yyyy');
|
|
} else {
|
|
stringDate = Jiffy(lastUpdatedAt.toLocal()).format('HH:mm');
|
|
}
|
|
|
|
return Text(
|
|
stringDate,
|
|
style: StreamChatTheme.of(context).channelPreviewTheme.lastMessageAt,
|
|
);
|
|
}
|
|
|
|
Widget _buildSubtitle(BuildContext context, Message message) {
|
|
if (message == null) {
|
|
return SizedBox();
|
|
}
|
|
|
|
var text = message.text;
|
|
if (message.isDeleted) {
|
|
text = 'This message was deleted.';
|
|
} else if (message.attachments != null) {
|
|
final parts = <String>[
|
|
...message.attachments.map((e) {
|
|
if (e.type == 'image') {
|
|
return '📷';
|
|
} else if (e.type == 'video') {
|
|
return '🎬';
|
|
} else if (e.type == 'giphy') {
|
|
return '[GIF]';
|
|
}
|
|
return null;
|
|
}).where((e) => e != null),
|
|
message.text ?? '',
|
|
];
|
|
|
|
text = parts.join(' ');
|
|
}
|
|
|
|
return Text(
|
|
text,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: StreamChatTheme.of(context).channelPreviewTheme.subtitle.copyWith(
|
|
color:
|
|
StreamChatTheme.of(context).channelPreviewTheme.subtitle.color,
|
|
fontStyle: (message.isSystem || message.isDeleted)
|
|
? FontStyle.italic
|
|
: FontStyle.normal,
|
|
),
|
|
);
|
|
}
|
|
}
|