149 lines
4.3 KiB
Dart
149 lines
4.3 KiB
Dart
import 'package:collection/collection.dart' show IterableExtension;
|
|
import 'package:flutter/material.dart';
|
|
import 'package:jiffy/jiffy.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
|
|
|
|
/// Widget which shows channel info
|
|
class ChannelInfo extends StatelessWidget {
|
|
/// Constructor which creates a [ChannelInfo] widget
|
|
const ChannelInfo({
|
|
Key? key,
|
|
required this.channel,
|
|
this.textStyle,
|
|
this.showTypingIndicator = true,
|
|
}) : super(key: key);
|
|
|
|
/// The channel about which the info is to be displayed
|
|
final Channel channel;
|
|
|
|
/// The style of the text displayed
|
|
final TextStyle? textStyle;
|
|
|
|
/// If true the typing indicator will be rendered if a user is typing
|
|
final bool showTypingIndicator;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final client = StreamChat.of(context).client;
|
|
return StreamBuilder<List<Member>>(
|
|
stream: channel.state?.membersStream,
|
|
initialData: channel.state?.members,
|
|
builder: (context, snapshot) => ConnectionStatusBuilder(
|
|
statusBuilder: (context, status) {
|
|
switch (status) {
|
|
case ConnectionStatus.connected:
|
|
return _buildConnectedTitleState(context, snapshot.data);
|
|
case ConnectionStatus.connecting:
|
|
return _buildConnectingTitleState(context);
|
|
case ConnectionStatus.disconnected:
|
|
return _buildDisconnectedTitleState(context, client);
|
|
default:
|
|
return const Offstage();
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildConnectedTitleState(
|
|
BuildContext context,
|
|
List<Member>? members,
|
|
) {
|
|
Widget? alternativeWidget;
|
|
|
|
if (channel.memberCount != null && channel.memberCount! > 2) {
|
|
var text = '${channel.memberCount} Members';
|
|
final watcherCount = channel.state?.watcherCount ?? 0;
|
|
if (watcherCount > 0) text += ' $watcherCount Online';
|
|
alternativeWidget = Text(
|
|
text,
|
|
style: StreamChatTheme.of(context)
|
|
.channelTheme
|
|
.channelHeaderTheme
|
|
.subtitle,
|
|
);
|
|
} else {
|
|
final userId = StreamChat.of(context).user?.id;
|
|
final otherMember = members?.firstWhereOrNull(
|
|
(element) => element.userId != userId,
|
|
);
|
|
|
|
if (otherMember != null) {
|
|
if (otherMember.user?.online == true) {
|
|
alternativeWidget = Text(
|
|
'Online',
|
|
style: textStyle,
|
|
);
|
|
} else {
|
|
alternativeWidget = Text(
|
|
'Last seen ${Jiffy(otherMember.user?.lastActive).fromNow()}',
|
|
style: textStyle,
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (!showTypingIndicator) {
|
|
return alternativeWidget ?? const Offstage();
|
|
}
|
|
|
|
return TypingIndicator(
|
|
alignment: Alignment.center,
|
|
alternativeWidget: alternativeWidget,
|
|
style: textStyle,
|
|
);
|
|
}
|
|
|
|
Widget _buildConnectingTitleState(BuildContext context) => Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const SizedBox(
|
|
height: 16,
|
|
width: 16,
|
|
child: Center(
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Text(
|
|
'Searching for Network',
|
|
style: textStyle,
|
|
),
|
|
],
|
|
);
|
|
|
|
Widget _buildDisconnectedTitleState(
|
|
BuildContext context,
|
|
StreamChatClient client,
|
|
) =>
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
'Offline...',
|
|
style: textStyle,
|
|
),
|
|
TextButton(
|
|
style: TextButton.styleFrom(
|
|
padding: const EdgeInsets.all(0),
|
|
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
|
visualDensity: const VisualDensity(
|
|
horizontal: VisualDensity.minimumDensity,
|
|
vertical: VisualDensity.minimumDensity,
|
|
),
|
|
),
|
|
onPressed: () async {
|
|
await client.disconnect();
|
|
await client.connect();
|
|
},
|
|
child: Text(
|
|
'Try Again',
|
|
style: textStyle?.copyWith(
|
|
color: StreamChatTheme.of(context).colorTheme.accentBlue,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|