Browse Source

Use Button for ActionButton (#8112)

GitOrigin-RevId: 6ab3937a6d033c5f4d4d27ff471a8a114f74d6a9
Alf Eaton 4 years ago
parent
commit
afd5d808a8

+ 8 - 16
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>
     )
   }
 }