From b4cc5f87ec1ce01f628afc7afe19405ac30ab5a3 Mon Sep 17 00:00:00 2001
From: Jared Vu <jaredvu@gmail.com>
Date: Mon, 27 Nov 2023 12:39:57 -0800
Subject: [PATCH] Add href prop to button component (#164)

* Add href prop to button component

* Use ButtonType.Link
---
 src/layout/Footer/FooterDesktop.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layout/Footer/FooterDesktop.tsx b/src/layout/Footer/FooterDesktop.tsx
index 7a5f6fe..d6f3d1c 100644
--- a/src/layout/Footer/FooterDesktop.tsx
+++ b/src/layout/Footer/FooterDesktop.tsx
@@ -1,7 +1,7 @@
 import styled, { type AnyStyledComponent, css } from 'styled-components';
 
 import { AbacusApiStatus } from '@/constants/abacus';
-import { ButtonSize } from '@/constants/buttons';
+import { ButtonSize, ButtonType } from '@/constants/buttons';
 import { STRING_KEYS } from '@/constants/localization';
 import { ENVIRONMENT_CONFIG_MAP, isDev } from '@/constants/networks';
 
@@ -55,10 +55,12 @@ export const FooterDesktop = () => {
           }
         >
           <Styled.FooterButton
+            type={statusPage ? ButtonType.Link : ButtonType.Button}
             slotLeft={<Styled.StatusDot exchangeStatus={exchangeStatus} />}
             slotRight={statusPage && <LinkOutIcon />}
             size={ButtonSize.XSmall}
             state={{ isDisabled: !statusPage }}
+            href={statusPage}
           >
             {label}
           </Styled.FooterButton>