diff options
| author | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-04-09 21:33:48 +0200 |
|---|---|---|
| committer | Sebastian Holmin <sebastian.holmin@mullvad.net> | 2025-05-28 13:25:30 +0200 |
| commit | d74ca6c9fb3603203e5dd72701feba491e63d218 (patch) | |
| tree | 733340f32e6a3bff8fe60541c4275f5401fa07f6 | |
| parent | 1f955ff488337eac2cb007318355526a02ffe9bf (diff) | |
| download | mullvadvpn-d74ca6c9fb3603203e5dd72701feba491e63d218.tar.xz mullvadvpn-d74ca6c9fb3603203e5dd72701feba491e63d218.zip | |
Disable Install update button when installer is starting or started
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; +}; |