132 lines
3.8 KiB
TypeScript
132 lines
3.8 KiB
TypeScript
// Copyright 2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React, { useEffect, useState } from 'react';
|
|
import type { ActiveCallType } from '../types/Calling';
|
|
import { CallMode } from '../types/Calling';
|
|
import type { ConversationType } from '../state/ducks/conversations';
|
|
import type { LocalizerType } from '../types/Util';
|
|
import { isReconnecting } from '../util/callingIsReconnecting';
|
|
import { useCallingToasts } from './CallingToast';
|
|
import { Spinner } from './Spinner';
|
|
|
|
type PropsType = {
|
|
activeCall: ActiveCallType;
|
|
i18n: LocalizerType;
|
|
};
|
|
|
|
export function useReconnectingToast({ activeCall, i18n }: PropsType): void {
|
|
const { showToast, hideToast } = useCallingToasts();
|
|
const RECONNECTING_TOAST_KEY = 'reconnecting';
|
|
|
|
useEffect(() => {
|
|
if (isReconnecting(activeCall)) {
|
|
showToast({
|
|
key: RECONNECTING_TOAST_KEY,
|
|
content: (
|
|
<span className="CallingToast__reconnecting">
|
|
<Spinner svgSize="small" size="16px" />
|
|
{i18n('icu:callReconnecting')}
|
|
</span>
|
|
),
|
|
autoClose: false,
|
|
});
|
|
} else {
|
|
hideToast(RECONNECTING_TOAST_KEY);
|
|
}
|
|
}, [activeCall, i18n, showToast, hideToast]);
|
|
}
|
|
|
|
const ME = Symbol('me');
|
|
|
|
function getCurrentPresenter(
|
|
activeCall: Readonly<ActiveCallType>
|
|
): ConversationType | typeof ME | undefined {
|
|
if (activeCall.presentingSource) {
|
|
return ME;
|
|
}
|
|
if (activeCall.callMode === CallMode.Direct) {
|
|
const isOtherPersonPresenting = activeCall.remoteParticipants.some(
|
|
participant => participant.presenting
|
|
);
|
|
return isOtherPersonPresenting ? activeCall.conversation : undefined;
|
|
}
|
|
if (activeCall.callMode === CallMode.Group) {
|
|
return activeCall.remoteParticipants.find(
|
|
participant => participant.presenting
|
|
);
|
|
}
|
|
return undefined;
|
|
}
|
|
|
|
export function useScreenSharingStoppedToast({
|
|
activeCall,
|
|
i18n,
|
|
}: PropsType): void {
|
|
const [previousPresenter, setPreviousPresenter] = useState<
|
|
undefined | { id: string | typeof ME; title?: string }
|
|
>(undefined);
|
|
const { showToast } = useCallingToasts();
|
|
|
|
useEffect(() => {
|
|
const currentPresenter = getCurrentPresenter(activeCall);
|
|
if (currentPresenter === ME) {
|
|
setPreviousPresenter({
|
|
id: ME,
|
|
});
|
|
} else if (!currentPresenter) {
|
|
setPreviousPresenter(undefined);
|
|
} else {
|
|
const { id, title } = currentPresenter;
|
|
setPreviousPresenter({ id, title });
|
|
}
|
|
}, [activeCall]);
|
|
|
|
useEffect(() => {
|
|
const currentPresenter = getCurrentPresenter(activeCall);
|
|
|
|
if (!currentPresenter && previousPresenter && previousPresenter.title) {
|
|
showToast({
|
|
content:
|
|
previousPresenter.id === ME
|
|
? i18n('icu:calling__presenting--you-stopped')
|
|
: i18n('icu:calling__presenting--person-stopped', {
|
|
name: previousPresenter.title,
|
|
}),
|
|
autoClose: true,
|
|
});
|
|
}
|
|
}, [activeCall, previousPresenter, showToast, i18n]);
|
|
}
|
|
|
|
export function useMutedToast(
|
|
hasLocalAudio: boolean,
|
|
i18n: LocalizerType
|
|
): void {
|
|
const [previousHasLocalAudio, setPreviousHasLocalAudio] = useState<
|
|
undefined | boolean
|
|
>(undefined);
|
|
const { showToast, hideToast } = useCallingToasts();
|
|
const MUTED_TOAST_KEY = 'muted';
|
|
|
|
useEffect(() => {
|
|
setPreviousHasLocalAudio(hasLocalAudio);
|
|
}, [hasLocalAudio]);
|
|
|
|
useEffect(() => {
|
|
if (
|
|
previousHasLocalAudio !== undefined &&
|
|
hasLocalAudio !== previousHasLocalAudio
|
|
) {
|
|
hideToast(MUTED_TOAST_KEY);
|
|
showToast({
|
|
key: MUTED_TOAST_KEY,
|
|
content: hasLocalAudio
|
|
? i18n('icu:CallControls__MutedToast--unmuted')
|
|
: i18n('icu:CallControls__MutedToast--muted'),
|
|
autoClose: true,
|
|
dismissable: true,
|
|
});
|
|
}
|
|
}, [hasLocalAudio, previousHasLocalAudio, hideToast, showToast, i18n]);
|
|
}
|