@applicaster/zapp-react-native-utils/reactHooks/player/useLanguageData.ts

Applicaster Zapp React Native utilities package

import React from "react";

import { Player } from "../../appUtils/playerManager/player";
import { usePlayer } from "../../appUtils/playerManager/usePlayer";

export const useLanguageData = (
  listenerId: string,
  playerId: string = null
): QuickBrickPlayer.TracksState | null => {
  const player: Player = usePlayer(playerId);

  const [languageData, setLanguageData] = React.useState(
    player?.getTracksState()
  );

  React.useEffect(() => {
    if (player) {
      return player.addListener({
        id: listenerId,
        listener: {
          onTracksChanged: (event) => setLanguageData(event),
        },
      });
    }
  }, [player]);

  return languageData;
};