participant_list.dart

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

import 'package:flutter/material.dart';
import 'package:videosdk/videosdk.dart';
import 'package:videosdk_hls_flutter_example/constants/colors.dart';
import 'package:videosdk_hls_flutter_example/widgets/speaker/participant_list/participant_list_item.dart';

class ParticipantList extends StatefulWidget {
  final Room meeting;
  const ParticipantList({Key? key, required this.meeting}) : super(key: key);

  @override
  State<ParticipantList> createState() => _ParticipantListState();
}

class _ParticipantListState extends State<ParticipantList> {
  Map<String, Participant> _participants = {};
  List<String> raisedHandParticipant = [];

  @override
  void initState() {
    _participants.putIfAbsent(widget.meeting.localParticipant.id,
        () => widget.meeting.localParticipant);
    _participants.addAll(widget.meeting.participants);
    addMeetingListeners(widget.meeting);
    addRaiseHandListener(widget.meeting);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: secondaryColor,
      appBar: AppBar(
        backgroundColor: secondaryColor,
        flexibleSpace: Align(
          alignment: Alignment.centerLeft,
          child: Row(
            children: [
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 10.0),
                  child: Text(
                    "Participants (${widget.meeting.participants.length + 1})",
                    style: const TextStyle(
                        fontWeight: FontWeight.w700, fontSize: 18),
                  ),
                ),
              ),
              IconButton(
                icon: const Icon(Icons.close),
                onPressed: () => Navigator.pop(context),
              ),
            ],
          ),
        ),
        automaticallyImplyLeading: false,
        elevation: 0,
      ),
      body: SafeArea(
        child: Column(
          children: [
            Expanded(
              child: ListView.builder(
                itemCount: _participants.values.length,
                itemBuilder: (context, index) => ParticipantListItem(
                  participant: _participants.values.elementAt(index),
                  isRaisedHand: raisedHandParticipant
                      .contains(_participants.values.elementAt(index).id),
                  onMoreOptionsSelected: (value) {
                    if (value == "Remove from Co-host" ||
                        value == "Add as a Co-host") {
                      log("Selected Change Mode ${_participants.values.elementAt(index).id}");
                      widget.meeting.pubSub.publish(
                          "CHANGE_MODE_${_participants.values.elementAt(index).id}",
                          jsonEncode({
                            "mode":
                                _participants.values.elementAt(index).mode ==
                                        Mode.CONFERENCE
                                    ? Mode.VIEWER.name
                                    : Mode.CONFERENCE.name
                          }));
                    } else if (value == "Remove Participant") {
                      log("Selected remove participnt");

                      _participants.values.elementAt(index).remove();
                    }
                  },
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }

  void addMeetingListeners(Room meeting) {
    meeting.on(Events.participantJoined, (participant) {
      if (mounted) {
        final newParticipants = _participants;
        newParticipants[participant.id] = participant;
        setState(() => _participants = newParticipants);
      }
    });

    meeting.on(Events.participantModeChanged, (data) {
      if (mounted) {
        final newParticipants = _participants;
        newParticipants[data['participantId']]?.mode =
            meeting.participants[data['participantId']]!.mode;
        setState(() => _participants = newParticipants);
      }
    });

    meeting.on(Events.participantLeft, (participantId) {
      if (mounted) {
        final newParticipants = _participants;
        newParticipants.remove(participantId);

        setState(() => _participants = newParticipants);
      }
    });
  }

  void addRaiseHandListener(Room meeting) {
    meeting.pubSub.subscribe("RAISE_HAND", (message) {
      List<String> participants = raisedHandParticipant;
      setState(() {
        participants.add(message.senderId);
      });
      Timer(Duration(seconds: 5), () {
        List<String> participants = raisedHandParticipant;
        setState(() {
          participants.remove(message.senderId);
        });
      });
    });
  }
}