2023-05-02 16:50:35 -04:00
|
|
|
import 'dart:convert';
|
|
|
|
|
|
|
|
import 'package:contacts_plus_plus/auxiliary.dart';
|
|
|
|
import 'package:contacts_plus_plus/models/message.dart';
|
|
|
|
import 'package:contacts_plus_plus/models/session.dart';
|
2023-05-12 12:31:05 -04:00
|
|
|
import 'package:contacts_plus_plus/widgets/formatted_text.dart';
|
2023-05-02 16:50:35 -04:00
|
|
|
import 'package:contacts_plus_plus/widgets/generic_avatar.dart';
|
2023-05-06 13:24:28 -04:00
|
|
|
import 'package:contacts_plus_plus/widgets/messages/messages_session_header.dart';
|
|
|
|
import 'package:contacts_plus_plus/widgets/messages/message_state_indicator.dart';
|
2023-05-02 16:50:35 -04:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
class MessageSessionInvite extends StatelessWidget {
|
2023-05-15 09:45:41 -04:00
|
|
|
const MessageSessionInvite({required this.message, this.foregroundColor, super.key});
|
|
|
|
|
|
|
|
final Color? foregroundColor;
|
2023-05-02 16:50:35 -04:00
|
|
|
final Message message;
|
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final sessionInfo = Session.fromMap(jsonDecode(message.content));
|
2023-05-15 09:45:41 -04:00
|
|
|
return Container(
|
|
|
|
constraints: const BoxConstraints(maxWidth: 300),
|
|
|
|
child: TextButton(
|
|
|
|
onPressed: () {
|
|
|
|
showDialog(context: context, builder: (context) => SessionPopup(session: sessionInfo));
|
|
|
|
},
|
|
|
|
style: TextButton.styleFrom(padding: EdgeInsets.zero),
|
|
|
|
child: Container(
|
|
|
|
padding: const EdgeInsets.only(left: 4),
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Row(
|
|
|
|
mainAxisSize: MainAxisSize.max,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
children: [
|
|
|
|
Padding(
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 4.0),
|
|
|
|
child: Column(
|
|
|
|
mainAxisSize: MainAxisSize.max,
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
children: [
|
|
|
|
GenericAvatar(
|
|
|
|
imageUri: Aux.neosDbToHttp(Aux.neosDbToHttp(sessionInfo.thumbnail)),
|
|
|
|
placeholderIcon: Icons.no_photography,
|
|
|
|
foregroundColor: foregroundColor,
|
|
|
|
),
|
|
|
|
const SizedBox(height: 4,),
|
|
|
|
Text("${sessionInfo.sessionUsers.length}/${sessionInfo.maxUsers}", style: Theme
|
|
|
|
.of(context)
|
|
|
|
.textTheme
|
|
|
|
.bodyMedium
|
|
|
|
?.copyWith(color: foregroundColor),)
|
|
|
|
],
|
|
|
|
),
|
2023-05-02 16:50:35 -04:00
|
|
|
),
|
2023-05-15 09:45:41 -04:00
|
|
|
Expanded(
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.all(8),
|
|
|
|
child: FormattedText(sessionInfo.formattedName, maxLines: null, softWrap: true, textAlign: TextAlign.start, style: Theme
|
|
|
|
.of(context)
|
|
|
|
.textTheme
|
|
|
|
.titleMedium?.copyWith(color: foregroundColor),),
|
|
|
|
),
|
2023-05-02 16:50:35 -04:00
|
|
|
),
|
2023-05-15 09:45:41 -04:00
|
|
|
],
|
|
|
|
),
|
|
|
|
const SizedBox(height: 8,),
|
|
|
|
Row(
|
|
|
|
mainAxisSize: MainAxisSize.max,
|
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
|
children: [
|
|
|
|
Text("Hosted by ${sessionInfo.hostUsername}", overflow: TextOverflow.ellipsis, style: Theme
|
|
|
|
.of(context)
|
|
|
|
.textTheme
|
|
|
|
.bodySmall
|
|
|
|
?.copyWith(color: foregroundColor?.withAlpha(150)),),
|
|
|
|
MessageStateIndicator(message: message, foregroundColor: foregroundColor,),
|
|
|
|
],
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
2023-05-02 16:50:35 -04:00
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|