diff options
| -rw-r--r-- | gui/src/renderer/components/TooManyDevices.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/gui/src/renderer/components/TooManyDevices.tsx b/gui/src/renderer/components/TooManyDevices.tsx index 3823cc6f5d..5df8da0df3 100644 --- a/gui/src/renderer/components/TooManyDevices.tsx +++ b/gui/src/renderer/components/TooManyDevices.tsx @@ -102,6 +102,7 @@ export default function TooManyDevices() { const { removeDevice, login, cancelLogin } = useAppContext(); const accountToken = useSelector((state) => state.account.accountToken)!; const devices = useSelector((state) => state.account.devices); + const loginState = useSelector((state) => state.account.status); const onRemoveDevice = useCallback( async (deviceId: string) => { @@ -120,6 +121,8 @@ export default function TooManyDevices() { const title = getTitle(devices); const subtitle = getSubtitle(devices); + const continueButtonDisabled = devices.length === 5 || loginState.type !== 'too many devices'; + return ( <ModalContainer> <Layout> @@ -145,7 +148,7 @@ export default function TooManyDevices() { {devices !== undefined && ( <StyledFooter> <AppButton.ButtonGroup> - <AppButton.GreenButton onClick={continueLogin} disabled={devices.length === 5}> + <AppButton.GreenButton onClick={continueLogin} disabled={continueButtonDisabled}> { // TRANSLATORS: Button for continuing login process. messages.pgettext('device-management', 'Continue with login') |