taafee-mobile/lib/features/chat/presentation_layer/widgets/replying.dart
2023-10-17 17:22:55 +03:00

94 lines
3.3 KiB
Dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:get/get.dart';
import 'package:taafee_mobile/common/extensions/widget_extension.dart';
import '../../../../common/const/const.dart';
import '../../../../common/widgets/text.dart';
import '../../business logic layer/chat_controller.dart';
import '../../data_layer/model/message.dart';
class ReplyingWidget extends StatelessWidget {
ReplyingWidget({
super.key,
});
final ChatController chatController = Get.find<ChatController>();
@override
Widget build(BuildContext context) {
return Container(
height: 55,
decoration: BoxDecoration(
color: Colors.grey[350],
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(12),
topRight: Radius.circular(12),
),
),
child: Stack(
children: [
Obx(() {
return Row(
children: [
const VerticalDivider(
width: 18,
color: Colors.white,
thickness: 4,
),
if (chatController.replyModel.value.type == MessageType.image)
(chatController.replyModel.value.content != '')
? Image(
image: CachedNetworkImageProvider(Domain.chatFiles +
chatController.replyModel.value.content),
width: 100,
).paddingSymmetric(horizontal: 6)
: Image(
image: FileImage(
chatController.replyModel.value.temporaryFile!),
width: 100,
).paddingSymmetric(horizontal: 6),
(chatController.replyModel.value.type == MessageType.image)
? RegularTextWidget(
'photo'.tr,
overflow: TextOverflow.fade,
color: Colors.white,
fontSize: 16,
maxLines: 1,
)
: (chatController.replyModel.value.type ==
MessageType.voice)
? RegularTextWidget(
'voice'.tr,
overflow: TextOverflow.fade,
color: Colors.white,
fontSize: 16,
maxLines: 1,
)
: SizedBox(
width: Get.width * 0.7,
child: RegularTextWidget(
chatController.replyModel.value.content,
overflow: TextOverflow.ellipsis,
color: Colors.white,
fontSize: 16,
maxLines: 1,
),
),
],
);
}),
SvgPicture.asset('assets/icons/x.svg')
.paddingOnly(
top: 8,
right: 8,
)
.onTap(() {
chatController.toggleIsReplying();
}).align(alignment: Alignment.topRight)
],
),
);
}
}