bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/components-data/userGrapQlMiniMongoAdapter/component.tsx

import { useSubscription } from '@apollo/client';
import React, { useEffect, useRef, useState } from 'react';
import CURRENT_USER_SUBSCRIPTION from '/imports/ui/core/graphql/queries/currentUserSubscription';
import { User } from '/imports/ui/Types/user';
import Users from '/imports/api/users';
import logger from '/imports/startup/client/logger';
import { AdapterProps } from '../graphqlToMiniMongoAdapterManager/component';

interface UserCurrentResponse {
  user_current: Array<User>;
}

const UserGrapQlMiniMongoAdapter: React.FC<AdapterProps> = ({
  onReady,
  children,
}) => {
  const ready = useRef(false);
  const {
    error,
    data,
  } = useSubscription<UserCurrentResponse>(CURRENT_USER_SUBSCRIPTION);
  const [userDataSetted, setUserDataSetted] = useState(false);

  useEffect(() => {
    if (error) {
      logger.error('Error in UserGrapQlMiniMongoAdapter', error);
    }
  }, [error]);

  useEffect(() => {
    if (data && data.user_current) {
      if (!ready.current) {
        ready.current = true;
        onReady('UserGrapQlMiniMongoAdapter');
      }
      const { userId } = data.user_current[0];
      Users.upsert({ userId }, data.user_current[0]);
      if (!userDataSetted) {
        setUserDataSetted(true);
      }
    }
  }, [data]);
  return children;
};

export default UserGrapQlMiniMongoAdapter;