From 6d0b3934ebcf313d1b8784cddfd4dfc31d994c85 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Fri, 25 Aug 2023 13:32:24 -0700
Subject: [PATCH] Fix LoadingButton isLoading property

---
 src/components/common/ConfirmDeleteForm.js                  | 2 +-
 src/components/input/RefreshButton.js                       | 2 +-
 src/components/pages/reports/ReportHeader.js                | 2 +-
 .../pages/settings/teams/TeamMemberRemoveButton.js          | 6 +++++-
 .../pages/settings/teams/TeamWebsiteRemoveButton.js         | 2 +-
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/common/ConfirmDeleteForm.js b/src/components/common/ConfirmDeleteForm.js
index fed618da..3d2c383d 100644
--- a/src/components/common/ConfirmDeleteForm.js
+++ b/src/components/common/ConfirmDeleteForm.js
@@ -17,7 +17,7 @@ export function ConfirmDeleteForm({ name, onConfirm, onClose }) {
         <FormattedMessage {...messages.confirmDelete} values={{ target: <b>{name}</b> }} />
       </p>
       <FormButtons flex>
-        <LoadingButton loading={loading} onClick={handleConfirm} variant="danger">
+        <LoadingButton isLoading={loading} onClick={handleConfirm} variant="danger">
           {formatMessage(labels.delete)}
         </LoadingButton>
         <Button onClick={onClose}>{formatMessage(labels.cancel)}</Button>
diff --git a/src/components/input/RefreshButton.js b/src/components/input/RefreshButton.js
index 81bca45f..8b40cafa 100644
--- a/src/components/input/RefreshButton.js
+++ b/src/components/input/RefreshButton.js
@@ -16,7 +16,7 @@ export function RefreshButton({ websiteId, isLoading }) {
 
   return (
     <TooltipPopup label={formatMessage(labels.refresh)}>
-      <LoadingButton loading={isLoading} onClick={handleClick}>
+      <LoadingButton isLoading={isLoading} onClick={handleClick}>
         <Icon>
           <Icons.Refresh />
         </Icon>
diff --git a/src/components/pages/reports/ReportHeader.js b/src/components/pages/reports/ReportHeader.js
index e81f66fe..e81d6ece 100644
--- a/src/components/pages/reports/ReportHeader.js
+++ b/src/components/pages/reports/ReportHeader.js
@@ -66,7 +66,7 @@ export function ReportHeader({ icon }) {
       <PageHeader title={<Title />}>
         <LoadingButton
           variant="primary"
-          loading={isCreating || isUpdating}
+          isLoading={isCreating || isUpdating}
           disabled={!websiteId || !dateRange?.value || !name}
           onClick={handleSave}
         >
diff --git a/src/components/pages/settings/teams/TeamMemberRemoveButton.js b/src/components/pages/settings/teams/TeamMemberRemoveButton.js
index 44fd30ab..3ec0f8b3 100644
--- a/src/components/pages/settings/teams/TeamMemberRemoveButton.js
+++ b/src/components/pages/settings/teams/TeamMemberRemoveButton.js
@@ -19,7 +19,11 @@ export function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) {
   };
 
   return (
-    <LoadingButton onClick={() => handleRemoveTeamMember()} disabled={disabled} loading={isLoading}>
+    <LoadingButton
+      onClick={() => handleRemoveTeamMember()}
+      disabled={disabled}
+      isLoading={isLoading}
+    >
       <Icon>
         <Icons.Close />
       </Icon>
diff --git a/src/components/pages/settings/teams/TeamWebsiteRemoveButton.js b/src/components/pages/settings/teams/TeamWebsiteRemoveButton.js
index 2ea773fc..c0ddf95c 100644
--- a/src/components/pages/settings/teams/TeamWebsiteRemoveButton.js
+++ b/src/components/pages/settings/teams/TeamWebsiteRemoveButton.js
@@ -19,7 +19,7 @@ export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   };
 
   return (
-    <LoadingButton onClick={() => handleRemoveTeamMember()} loading={isLoading}>
+    <LoadingButton onClick={() => handleRemoveTeamMember()} isLoading={isLoading}>
       <Icon>
         <Icons.Close />
       </Icon>