bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/wake-lock/container.jsx
2024-06-11 11:41:05 -03:00

64 lines
2.1 KiB
JavaScript

import React, { useEffect, useState, useRef } from 'react';
import PropTypes from 'prop-types';
import { withTracker } from 'meteor/react-meteor-data';
import WakeLock from './component';
import Service from './service';
import getFromUserSettings from '/imports/ui/services/users-settings';
import useUserChangedLocalSettings from '../../services/settings/hooks/useUserChangedLocalSettings';
import useSettings from '../../services/settings/hooks/useSettings';
import { SETTINGS } from '../../services/settings/enums';
import { useStorageKey } from '../../services/storage/hooks';
const propTypes = {
areAudioModalsOpen: PropTypes.bool,
autoJoin: PropTypes.bool.isRequired,
};
const defaultProps = {
areAudioModalsOpen: false,
};
function usePrevious(value) {
const ref = useRef();
useEffect(() => {
ref.current = value;
});
return ref.current;
}
const WakeLockContainer = (props) => {
if (!Service.isMobile()) return null;
const APP_CONFIG = window.meetingClientSettings.public.app;
const { autoJoin } = props;
const inEchoTest = useStorageKey('inEchoTest');
const audioModalIsOpen = useStorageKey('audioModalIsOpen');
const areAudioModalsOpen = audioModalIsOpen || inEchoTest;
const wereAudioModalsOpen = usePrevious(areAudioModalsOpen);
const [endedAudioSetup, setEndedAudioSetup] = useState(false || !autoJoin);
const setLocalSettings = useUserChangedLocalSettings();
const { wakeLock: wakeLockSettings } = useSettings(SETTINGS.APPLICATION);
useEffect(() => {
if (wereAudioModalsOpen && !areAudioModalsOpen && !endedAudioSetup) {
setEndedAudioSetup(true);
}
}, [areAudioModalsOpen]);
return endedAudioSetup ? (
<WakeLock
setLocalSettings={setLocalSettings}
wakeLockSettings={wakeLockSettings}
request={Service.request}
release={Service.release}
autoJoin={getFromUserSettings('bbb_auto_join_audio', APP_CONFIG.autoJoin)}
areAudioModalsOpen={areAudioModalsOpen}
{...props}
/>
) : null;
};
WakeLockContainer.propTypes = propTypes;
WakeLockContainer.defaultProps = defaultProps;
export default WakeLockContainer;