diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/AppUpgradeView.tsx | 12 |
1 files changed, 3 insertions, 9 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/AppUpgradeView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/AppUpgradeView.tsx index 2efc6068cf..29e509ca38 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/AppUpgradeView.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/AppUpgradeView.tsx @@ -19,13 +19,11 @@ import { import { usePresent, useShowCancelButton, - useShowDownloadProgress, useShowInstallButton, useShowManualDownloadButton, useShowReportProblemButton, useShowRetryUpgradeButton, useShowUpgradeButton, - useShowUpgradeLabel, } from './hooks'; const StyledFooter = styled.div` @@ -40,13 +38,11 @@ export const AppUpgradeView = () => { const { pop } = useHistory(); const present = usePresent(); const showCancelButton = useShowCancelButton(); - const showDownloadProgress = useShowDownloadProgress(); const showInstallButton = useShowInstallButton(); const showManualDownloadButton = useShowManualDownloadButton(); const showReportProblemButton = useShowReportProblemButton(); const showRetryUpgradeButton = useShowRetryUpgradeButton(); const showUpgradeButton = useShowUpgradeButton(); - const showUpgradeLabel = useShowUpgradeLabel(); return ( <BackAction action={pop}> @@ -54,12 +50,10 @@ export const AppUpgradeView = () => { <UpgradeDetails /> <StyledFooter> <Flex $padding="large" $flexDirection="column"> - <Animate - animations={[{ type: 'fade' }, { type: 'wipe', direction: 'vertical' }]} - present={present}> + <Animate animations={[{ type: 'wipe', direction: 'vertical' }]} present={present}> <Flex $gap="medium" $flexDirection="column" $margin={{ bottom: 'medium' }}> - {showUpgradeLabel && <UpgradeLabel />} - {showDownloadProgress && <DownloadProgress />} + <UpgradeLabel /> + <DownloadProgress /> </Flex> </Animate> <Flex $gap="medium" $flexDirection="column"> |