From afd5d808a89f3160103ae3ab38c4bacfbcd07fb8 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Wed, 25 May 2022 08:59:24 +0100
Subject: [PATCH] Use Button for ActionButton (#8112)

GitOrigin-RevId: 6ab3937a6d033c5f4d4d27ff471a8a114f74d6a9
---
 .../components/linking/integration-widget.tsx | 24 +++++++------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx b/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx
index a900b4ac26..b66c2d1b13 100644
--- a/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx
+++ b/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx
@@ -105,29 +105,21 @@ function ActionButton({
 
   if (!hasFeature) {
     return (
-      <a href={upgradePath} className="btn btn-info text-capitalize">
-        {t('upgrade')}
-      </a>
+      <Button bsStyle="info" href={upgradePath}>
+        <span className="text-capitalize">{t('upgrade')}</span>
+      </Button>
     )
   } else if (linked) {
     return (
-      <button
-        className="btn btn-danger"
-        onClick={handleUnlinkClick}
-        disabled={disabled}
-      >
+      <Button bsStyle="danger" onClick={handleUnlinkClick} disabled={disabled}>
         {t('unlink')}
-      </button>
+      </Button>
     )
   } else {
     return (
-      <a
-        href={linkPath}
-        className="btn btn-info text-capitalize"
-        disabled={disabled}
-      >
-        {t('link')}
-      </a>
+      <Button bsStyle="info" href={linkPath} disabled={disabled}>
+        <span className="text-capitalize">{t('link')}</span>
+      </Button>
     )
   }
 }