diff options
Diffstat (limited to 'desktop')
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx index 547260f1f8..ef24719981 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-info/AppInfoView.tsx @@ -1,9 +1,10 @@ import { messages } from '../../../../shared/gettext'; import { Flex } from '../../../lib/components'; +import { Animate } from '../../../lib/components/animate'; import { useHistory } from '../../../lib/history'; import { AppNavigationHeader } from '../../'; import { BackAction } from '../../KeyboardNavigation'; -import { Layout, SettingsContainer, SettingsStack } from '../../Layout'; +import { Layout, SettingsContainer } from '../../Layout'; import { NavigationContainer } from '../../NavigationContainer'; import { NavigationScrollbars } from '../../NavigationScrollbars'; import SettingsHeader, { HeaderTitle } from '../../SettingsHeader'; @@ -30,16 +31,20 @@ export function AppInfoView() { <SettingsHeader> <HeaderTitle>{messages.pgettext('app-info-view', 'App info')}</HeaderTitle> </SettingsHeader> - <SettingsContainer> - <SettingsStack> - {showUpdateAvailable && <UpdateAvailableListItem />} - <Flex $flexDirection="column"> - <VersionListItem /> - <ChangelogListItem /> - </Flex> - <BetaListItem /> - </SettingsStack> - </SettingsContainer> + <Animate + present={showUpdateAvailable} + animations={[{ type: 'fade' }, { type: 'wipe', direction: 'vertical' }]}> + <Flex $margin={{ bottom: 'medium' }}> + <UpdateAvailableListItem /> + </Flex> + </Animate> + <Flex $flexDirection="column" $gap="medium"> + <Flex $flexDirection="column"> + <VersionListItem /> + <ChangelogListItem /> + </Flex> + <BetaListItem /> + </Flex> </NavigationScrollbars> </NavigationContainer> </SettingsContainer> |