show as pending whilst in an empty state until told better to prevent a flash

This commit is contained in:
Michael Telatynski 2020-01-29 07:54:10 +00:00
parent 3d47e25955
commit d824145638

View file

@ -36,7 +36,7 @@ const EncryptionPanel = ({verificationRequest, member, onClose}) => {
setRequest(verificationRequest); setRequest(verificationRequest);
}, [verificationRequest]); }, [verificationRequest]);
const [phase, setPhase] = useState(false); const [phase, setPhase] = useState(undefined);
const changeHandler = useCallback(() => { const changeHandler = useCallback(() => {
// handle transitions -> cancelled for mismatches which fire a modal instead of showing a card // handle transitions -> cancelled for mismatches which fire a modal instead of showing a card
if (request && request.cancelled && MISMATCHES.includes(request.cancellationCode)) { if (request && request.cancelled && MISMATCHES.includes(request.cancellationCode)) {
@ -71,7 +71,7 @@ const EncryptionPanel = ({verificationRequest, member, onClose}) => {
setRequest(verificationRequest); setRequest(verificationRequest);
}, [member.userId]); }, [member.userId]);
const requested = request && phase === PHASE_REQUESTED; const requested = request && (phase === PHASE_REQUESTED || phase === undefined);
if (!request || requested) { if (!request || requested) {
return <EncryptionInfo onStartVerification={onStartVerification} member={member} pending={requested} />; return <EncryptionInfo onStartVerification={onStartVerification} member={member} pending={requested} />;
} else { } else {