Use new Button in device revoked view view

1 files changed, 10 insertions, 6 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx
index 93d55f1a39..642617db3d 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx
+++ b/desktop/packages/mullvad-vpn/src/renderer/components/DeviceRevokedView.tsx
@@ -2,12 +2,11 @@ import styled from 'styled-components';
 
 import { messages } from '../../shared/gettext';
 import { useAppContext } from '../context';
-import { Flex } from '../lib/components';
+import { Button, Flex } from '../lib/components';
 import { Colors } from '../lib/foundations';
 import { IconBadge } from '../lib/icon-badge';
 import { useSelector } from '../redux/store';
 import { AppMainHeader } from './app-main-header';
-import * as AppButton from './AppButton';
 import { bigText, measurements, smallText } from './common-styles';
 import CustomScrollbars from './CustomScrollbars';
 import { Container, Footer, Layout } from './Layout';
@@ -44,8 +43,6 @@ export function DeviceRevokedView() {
   const { leaveRevokedDevice } = useAppContext();
   const tunnelState = useSelector((state) => state.connection.status);
 
-  const Button = tunnelState.state === 'disconnected' ? AppButton.BlueButton : AppButton.RedButton;
-
   return (
     <Layout>
       <AppMainHeader variant="basedOnConnectionStatus" size="basedOnLoginStatus">
@@ -77,8 +74,15 @@ export function DeviceRevokedView() {
           </StyledBody>
 
           <Footer>
-            <Button onClick={leaveRevokedDevice}>
-              {messages.pgettext('device-management', 'Go to login')}
+            <Button
+              variant={tunnelState.state === 'disconnected' ? 'primary' : 'destructive'}
+              onClick={leaveRevokedDevice}>
+              <Button.Text>
+                {
+                  // TRANSLATORS: Button label for navigating to login.
+                  messages.pgettext('device-management', 'Go to login')
+                }
+              </Button.Text>
             </Button>
           </Footer>
         </StyledContainer>