Fix LoadingButton isLoading property

This commit is contained in:
Francis Cao 2023-08-25 13:32:24 -07:00
parent 86515d6456
commit 6d0b3934eb
5 changed files with 9 additions and 5 deletions

View File

@ -17,7 +17,7 @@ export function ConfirmDeleteForm({ name, onConfirm, onClose }) {
<FormattedMessage {...messages.confirmDelete} values={{ target: <b>{name}</b> }} /> <FormattedMessage {...messages.confirmDelete} values={{ target: <b>{name}</b> }} />
</p> </p>
<FormButtons flex> <FormButtons flex>
<LoadingButton loading={loading} onClick={handleConfirm} variant="danger"> <LoadingButton isLoading={loading} onClick={handleConfirm} variant="danger">
{formatMessage(labels.delete)} {formatMessage(labels.delete)}
</LoadingButton> </LoadingButton>
<Button onClick={onClose}>{formatMessage(labels.cancel)}</Button> <Button onClick={onClose}>{formatMessage(labels.cancel)}</Button>

View File

@ -16,7 +16,7 @@ export function RefreshButton({ websiteId, isLoading }) {
return ( return (
<TooltipPopup label={formatMessage(labels.refresh)}> <TooltipPopup label={formatMessage(labels.refresh)}>
<LoadingButton loading={isLoading} onClick={handleClick}> <LoadingButton isLoading={isLoading} onClick={handleClick}>
<Icon> <Icon>
<Icons.Refresh /> <Icons.Refresh />
</Icon> </Icon>

View File

@ -66,7 +66,7 @@ export function ReportHeader({ icon }) {
<PageHeader title={<Title />}> <PageHeader title={<Title />}>
<LoadingButton <LoadingButton
variant="primary" variant="primary"
loading={isCreating || isUpdating} isLoading={isCreating || isUpdating}
disabled={!websiteId || !dateRange?.value || !name} disabled={!websiteId || !dateRange?.value || !name}
onClick={handleSave} onClick={handleSave}
> >

View File

@ -19,7 +19,11 @@ export function TeamMemberRemoveButton({ teamId, userId, disabled, onSave }) {
}; };
return ( return (
<LoadingButton onClick={() => handleRemoveTeamMember()} disabled={disabled} loading={isLoading}> <LoadingButton
onClick={() => handleRemoveTeamMember()}
disabled={disabled}
isLoading={isLoading}
>
<Icon> <Icon>
<Icons.Close /> <Icons.Close />
</Icon> </Icon>

View File

@ -19,7 +19,7 @@ export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
}; };
return ( return (
<LoadingButton onClick={() => handleRemoveTeamMember()} loading={isLoading}> <LoadingButton onClick={() => handleRemoveTeamMember()} isLoading={isLoading}>
<Icon> <Icon>
<Icons.Close /> <Icons.Close />
</Icon> </Icon>