diff --git a/frontend/src/components/workspace/channels/workspace-channels-list.tsx b/frontend/src/components/workspace/channels/workspace-channels-list.tsx index 70c4dc3d5..9ba3df6c6 100644 --- a/frontend/src/components/workspace/channels/workspace-channels-list.tsx +++ b/frontend/src/components/workspace/channels/workspace-channels-list.tsx @@ -96,11 +96,12 @@ export function WorkspaceChannelsList() { } onClick={() => { const connectWindow = prepareConnectWindow(); - connectMutation.mutate(provider.provider, { - onSuccess: (result) => + void connectMutation + .mutateAsync(provider.provider) + .then((result) => openConnectUrl(result.url, connectWindow), - onError: () => closeConnectWindow(connectWindow), - }); + ) + .catch(() => closeConnectWindow(connectWindow)); }} > {isPending ? ( diff --git a/frontend/src/components/workspace/settings/channels-settings-page.tsx b/frontend/src/components/workspace/settings/channels-settings-page.tsx index 2503486c5..ec9e4b111 100644 --- a/frontend/src/components/workspace/settings/channels-settings-page.tsx +++ b/frontend/src/components/workspace/settings/channels-settings-page.tsx @@ -143,11 +143,10 @@ function ChannelProviderItem({ title={!provider.configured ? t.channels.unconfigured : undefined} onClick={() => { const connectWindow = prepareConnectWindow(); - connectMutation.mutate(provider.provider, { - onSuccess: (result) => - openConnectUrl(result.url, connectWindow), - onError: () => closeConnectWindow(connectWindow), - }); + void connectMutation + .mutateAsync(provider.provider) + .then((result) => openConnectUrl(result.url, connectWindow)) + .catch(() => closeConnectWindow(connectWindow)); }} > {isConnecting ? (