fix(rn) disables joinButton while navigating

This commit is contained in:
tmoldovan8x8 2022-10-06 13:33:26 +03:00 committed by GitHub
parent 6c9441fa7b
commit be7f2643df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 1 deletions

View File

@ -69,6 +69,8 @@ const Prejoin: React.FC<PrejoinProps> = ({ navigation }: PrejoinProps) => {
const participantName = localParticipant?.name;
const [ displayName, setDisplayName ]
= useState(participantName || '');
const [ isJoining, setIsJoining ]
= useState(false);
const onChangeDisplayName = useCallback(event => {
const fieldValue = getFieldValue(event);
@ -79,6 +81,7 @@ const Prejoin: React.FC<PrejoinProps> = ({ navigation }: PrejoinProps) => {
}, [ displayName ]);
const onJoin = useCallback(() => {
setIsJoining(true);
dispatch(connect());
navigateRoot(screen.conference.root);
}, [ dispatch ]);
@ -111,7 +114,7 @@ const Prejoin: React.FC<PrejoinProps> = ({ navigation }: PrejoinProps) => {
}, []);
const { PRIMARY, SECONDARY } = BUTTON_TYPES;
const joinButtonDisabled = !displayName && isDisplayNameMandatory;
const joinButtonDisabled = isJoining || (!displayName && isDisplayNameMandatory);
useEffect(() => {
BackHandler.addEventListener('hardwareBackPress', goBack);
@ -180,6 +183,7 @@ const Prejoin: React.FC<PrejoinProps> = ({ navigation }: PrejoinProps) => {
type = { PRIMARY } />
<Button
accessibilityLabel = 'prejoin.joinMeetingInLowBandwidthMode'
disabled = { joinButtonDisabled }
labelKey = 'prejoin.joinMeetingInLowBandwidthMode'
onClick = { onJoinLowBandwidth }
style = { styles.prejoinButton }