twonly-app/lib/src/views/chats/chat_list_view.dart

import 'dart:async';
import 'dart:convert';

import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';
import 'package:twonly/globals.dart';
import 'package:twonly/src/components/flame.dart';
import 'package:twonly/src/components/initialsavatar.dart';
import 'package:twonly/src/components/message_send_state_icon.dart';
import 'package:twonly/src/components/notification_badge.dart';
import 'package:twonly/src/components/user_context_menu.dart';
import 'package:twonly/src/database/tables/contacts_table.dart';
import 'package:twonly/src/database/twonly_database.dart';
import 'package:twonly/src/database/tables/messages_table.dart';
import 'package:twonly/src/json_models/message.dart';
import 'package:twonly/src/providers/api/media.dart';
import 'package:twonly/src/providers/send_next_media_to.dart';
import 'package:twonly/src/utils/misc.dart';
import 'package:twonly/src/views/chats/chat_item_details_view.dart';
import 'package:twonly/src/views/chats/media_viewer_view.dart';
import 'package:twonly/src/views/home_view.dart';
import 'package:twonly/src/views/settings/settings_main_view.dart';
import 'package:twonly/src/views/chats/search_username_view.dart';
import 'package:flutter/material.dart';

/// Displays a list of SampleItems.
class ChatListView extends StatefulWidget {
  const ChatListView({super.key});

  @override
  State<ChatListView> createState() => _ChatListViewState();
}

class _ChatListViewState extends State<ChatListView> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: GestureDetector(
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => ProfileView(),
              ),
            );
          },
          child: Text("twonly"),
        ),
        // title:
        actions: [
          StreamBuilder(
            stream: twonlyDatabase.contactsDao.watchContactsRequested(),
            builder: (context, snapshot) {
              var count = 0;
              if (snapshot.hasData && snapshot.data != null) {
                count = snapshot.data!;
              }
              return NotificationBadge(
                count: count.toString(),
                child: IconButton(
                  icon: FaIcon(FontAwesomeIcons.userPlus, size: 18),
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => SearchUsernameView(),
                      ),
                    );
                  },
                ),
              );
            },
          ),
          IconButton(
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => ProfileView(),
                ),
              );
            },
            icon: FaIcon(FontAwesomeIcons.gear, size: 19),
          )
        ],
      ),
      body: StreamBuilder(
        stream: twonlyDatabase.contactsDao.watchContactsForChatList(),
        builder: (context, snapshot) {
          if (!snapshot.hasData || snapshot.data == null) {
            return Container();
          }

          final contacts = snapshot.data!;
          if (contacts.isEmpty) {
            return Center(
              child: Padding(
                padding: const EdgeInsets.all(10),
                child: OutlinedButton.icon(
                    icon: Icon(Icons.person_add),
                    onPressed: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => SearchUsernameView(),
                        ),
                      );
                    },
                    label: Text(context.lang.chatListViewSearchUserNameBtn)),
              ),
            );
          }

          int maxTotalMediaCounter = 0;
          if (contacts.isNotEmpty) {
            maxTotalMediaCounter = contacts
                .map((x) => x.totalMediaCounter)
                .reduce((a, b) => a > b ? a : b);
          }

          return ListView.builder(
            restorationId: 'chat_list_view',
            itemCount: contacts.length,
            itemBuilder: (BuildContext context, int index) {
              final user = contacts[index];
              return UserListItem(
                user: user,
                maxTotalMediaCounter: maxTotalMediaCounter,
              );
            },
          );
        },
      ),
    );
  }
}

class UserListItem extends StatefulWidget {
  final Contact user;
  final int maxTotalMediaCounter;

  const UserListItem(
      {super.key, required this.user, required this.maxTotalMediaCounter});

  @override
  State<UserListItem> createState() => _UserListItem();
}

class _UserListItem extends State<UserListItem> {
  int lastMessageInSeconds = 0;
  MessageSendState state = MessageSendState.send;
  Message? currentMessage;

  Timer? updateTime;

  @override
  void initState() {
    super.initState();
    lastUpdateTime();
  }

  void lastUpdateTime() {
    // Change the color every 200 milliseconds
    updateTime = Timer.periodic(Duration(milliseconds: 200), (timer) {
      setState(() {
        if (currentMessage != null) {
          lastMessageInSeconds =
              (DateTime.now().difference(currentMessage!.sendAt)).inSeconds;
          if (lastMessageInSeconds < 0) {
            lastMessageInSeconds = 0;
          }
        }
      });
    });
  }

  @override
  void dispose() {
    updateTime?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    int flameCounter = getFlameCounterFromContact(widget.user);

    return UserContextMenu(
      contact: widget.user,
      child: ListTile(
        title: Text(getContactDisplayName(widget.user)),
        subtitle: StreamBuilder(
          stream:
              twonlyDatabase.messagesDao.watchLastMessage(widget.user.userId),
          builder: (context, lastMessageSnapshot) {
            if (!lastMessageSnapshot.hasData) {
              return Container();
            }
            if (lastMessageSnapshot.data!.isEmpty) {
              return Text(context.lang.chatsTapToSend);
            }
            final lastMessage = lastMessageSnapshot.data!.first;
            return StreamBuilder(
              stream: twonlyDatabase.messagesDao
                  .watchMessageNotOpened(widget.user.userId),
              builder: (context, notOpenedMessagesSnapshot) {
                if (!lastMessageSnapshot.hasData) {
                  return Container();
                }

                var lastMessages = [lastMessage];
                if (notOpenedMessagesSnapshot.data != null &&
                    notOpenedMessagesSnapshot.data!.isNotEmpty) {
                  // filter first for only received messages
                  lastMessages = notOpenedMessagesSnapshot.data!
                      .where((x) => x.messageOtherId != null)
                      .toList();
                  if (lastMessages.isEmpty) {
                    lastMessages = notOpenedMessagesSnapshot.data!;
                  }

                  var media =
                      lastMessages.where((x) => x.kind == MessageKind.media);
                  if (media.isNotEmpty) {
                    currentMessage = media.first;
                  } else {
                    currentMessage = lastMessages.first;
                  }
                } else {
                  currentMessage = lastMessage;
                }

                return Row(
                  children: [
                    MessageSendStateIcon(lastMessages),
                    Text("•"),
                    const SizedBox(width: 5),
                    Text(
                      formatDuration(lastMessageInSeconds),
                      style: TextStyle(fontSize: 12),
                    ),
                    if (flameCounter > 0)
                      FlameCounterWidget(
                        widget.user,
                        flameCounter,
                        widget.maxTotalMediaCounter,
                        prefix: true,
                      ),
                  ],
                );
              },
            );
          },
        ),
        leading: InitialsAvatar(getContactDisplayName(widget.user)),
        onTap: () {
          if (currentMessage == null) {
            context
                .read<SendNextMediaTo>()
                .updateSendNextMediaTo(widget.user.userId.toInt());
            globalUpdateOfHomeViewPageIndex(0);
            return;
          }
          Message msg = currentMessage!;
          if (msg.kind == MessageKind.media &&
              msg.messageOtherId != null &&
              msg.openedAt == null) {
            switch (msg.downloadState) {
              case DownloadState.pending:
                MediaMessageContent content =
                    MediaMessageContent.fromJson(jsonDecode(msg.contentJson!));
                tryDownloadMedia(msg.messageId, msg.contactId, content,
                    force: true);
                return;

              case DownloadState.downloaded:
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) {
                    return MediaViewerView(widget.user.userId);
                  }),
                );
                return;

              default:
                return;
            }
          }
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) {
              return ChatItemDetailsView(widget.user.userId);
            }),
          );
        },
      ),
    );
  }
}