import {useEffect, useState} from "react";
import {subscribeToGroup, unsubscribeFromGroup} from "../Helpers/groups";

export default function useGroups(id = -1) {
  const [group, setGroup] = useState(null);

  function onChange(group) {
    setGroup(group);
  }

  useEffect(() => {
    const cbId = subscribeToGroup(id, onChange);

    return () => {
      unsubscribeFromGroup(cbId);
    };
  }, []);

  return group;
}