import { useState } from "react";
import { USER_COOKIE_NAME } from "../background/constants";
import { getCookie, setCookie } from "../background/cookies";
import { UserInfo } from "../components/jitsi/types";

function useLocalUser() {
  const [userInfo, setUserInfoLocal] = useState<UserInfo>(() =>
    getUserInfoFromCookie()
  );

  const setUserInfo = (newData: UserInfo) => {
    storeUserInfoInCookie(newData);
    setUserInfoLocal(newData);
  };

  return { userInfo, setUserInfo };
}

function getUserInfoFromCookie(): UserInfo {
  let cookie = getCookie(USER_COOKIE_NAME);
  console.log("[Rooms] getUserNameFromCookie 1", cookie);
  if (cookie) return JSON.parse(cookie);
  return {
    displayName: "unknown traveller",
    email: "",
  };
}

function storeUserInfoInCookie(userInfo: UserInfo) {
  setCookie(USER_COOKIE_NAME, JSON.stringify(userInfo));
}

export default useLocalUser;