diff options
3 files changed, 15 insertions, 1 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/InstallButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/InstallButton.tsx index eeaec246d8..151eb183bc 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/InstallButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/InstallButton.tsx @@ -1,12 +1,14 @@ import { messages } from '../../../../../../shared/gettext'; import { useAppContext } from '../../../../../context'; import { Button } from '../../../../../lib/components'; +import { useDisabled } from './hooks'; export function InstallButton() { const { appUpgradeInstallerStart } = useAppContext(); + const disabled = useDisabled(); return ( - <Button onClick={appUpgradeInstallerStart}> + <Button disabled={disabled} onClick={appUpgradeInstallerStart}> <Button.Text> { // TRANSLATORS: Button text to install an update diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/hooks/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/hooks/index.ts new file mode 100644 index 0000000000..73e963a519 --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/hooks/index.ts @@ -0,0 +1 @@ +export * from './useDisabled'; diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/hooks/useDisabled.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/hooks/useDisabled.ts new file mode 100644 index 0000000000..455421be39 --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/install-button/hooks/useDisabled.ts @@ -0,0 +1,11 @@ +import { useAppUpgradeEventType } from '../../../../../../hooks'; + +export const useDisabled = () => { + const appUpgradeEventType = useAppUpgradeEventType(); + + const disabled = + appUpgradeEventType === 'APP_UPGRADE_STATUS_STARTING_INSTALLER' || + appUpgradeEventType === 'APP_UPGRADE_STATUS_STARTED_INSTALLER'; + + return disabled; +}; |