More clearly signal cancel-in-progress on the sub cancel button

pimterry · pimterry · commit 78ac7d0693c8 · 2023-04-27T11:57:13.000+02:00
diff --git a/src/components/settings/settings-page.tsx b/src/components/settings/settings-page.tsx
@@ -237,8 +237,12 @@ class SettingsPage extends React.Component<SettingsPageProps> {
                             }
                             <SettingsButton
                                 onClick={this.confirmSubscriptionCancellation}
+                                disabled={isAccountUpdateInProcess}
                             >
                                 Cancel subscription
+                                { isAccountUpdateInProcess &&
+                                    <AccountUpdateSpinner />
+                                }
                             </SettingsButton>
                         </> }
                         <SettingsButton onClick={logOut}>Log out</SettingsButton>

Original file line number	Diff line number	Diff line change
`@@ -237,8 +237,12 @@ class SettingsPage extends React.Component<SettingsPageProps> {`
`237`	`237`	`}`
`238`	`238`	`<SettingsButton`
`239`	`239`	`onClick={this.confirmSubscriptionCancellation}`
	`240`	`+ disabled={isAccountUpdateInProcess}`
`240`	`241`	`>`
`241`	`242`	`Cancel subscription`
	`243`	`+ { isAccountUpdateInProcess &&`
	`244`	`+ <AccountUpdateSpinner />`
	`245`	`+ }`
`242`	`246`	`</SettingsButton>`
`243`	`247`	`</> }`
`244`	`248`	`<SettingsButton onClick={logOut}>Log out</SettingsButton>`