import { useState } from "react";
import { ConferenceData } from "../background/jitsi/eventListeners";
import { UserInfo } from "../components/jitsi/types";

function useConferenceData(
  sendMessage: (message: string) => void,
  setUserInfo: (newData: UserInfo) => void
) {
  const [conferenceData, setConferenceDataLocal] = useState<ConferenceData>();

  const setConferenceData = (newData: ConferenceData) => {
    console.log("[Rooms] set conferenceData", conferenceData);
    if (conferenceData?.roomName !== newData.roomName) {
      // We joined a meeting
      sendMessage(JSON.stringify({ roomName: newData.roomName }));
    }
    if (conferenceData?.displayName !== newData.displayName) {
      // We updated the username
      sendMessage(JSON.stringify({ displayName: newData.displayName }));
    }
    setConferenceDataLocal(newData);
    setUserInfo({ displayName: newData.displayName, email: "" });
  };

  return { conferenceData, setConferenceData };
}

export default useConferenceData;