From 7b7c85527fc0e4cdb4b91c07ecb6c3e297b8662c Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Fri, 16 Dec 2022 14:45:40 +0000
Subject: [PATCH] Merge pull request #10922 from overleaf/ds-remove-classNames

Removing `classNames` function from setting page widgets component

GitOrigin-RevId: df15640996d0b2dea691cab07ebbfc687b8e3f3f
---
 .../components/linking/integration-widget.tsx   | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 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 9a317efd4f..987fa8c803 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
@@ -104,13 +104,6 @@ function ActionButton({
   disabled,
 }: ActionButtonProps) {
   const { t } = useTranslation()
-  const classNames = require('classnames')
-  const classes = classNames(
-    'btn',
-    'btn-secondary-info',
-    'btn-secondary',
-    'text-capitalize'
-  )
   if (!hasFeature) {
     return (
       <Button
@@ -132,11 +125,17 @@ function ActionButton({
     return (
       <>
         {disabled ? (
-          <button disabled className={classes}>
+          <button
+            disabled
+            className="btn btn-secondary-info btn-secondary text-capitalize"
+          >
             {t('link')}
           </button>
         ) : (
-          <a className={classes} href={linkPath}>
+          <a
+            className="btn btn-secondary-info btn-secondary text-capitalize"
+            href={linkPath}
+          >
             {t('link')}
           </a>
         )}