Skip to content

fix(ENG-253): disable connect button while connector is loading#151

Merged
adefreitas merged 1 commit intoStackOneHQ:mainfrom
adefreitas:ENG-253/disable-connect-button-while-loading
May 6, 2026
Merged

fix(ENG-253): disable connect button while connector is loading#151
adefreitas merged 1 commit intoStackOneHQ:mainfrom
adefreitas:ENG-253/disable-connect-button-while-loading

Conversation

@adefreitas
Copy link
Copy Markdown
Collaborator

Summary

  • Disables the Connect button (and shows a loading spinner) while the connector config query is in flight, so users can't trigger handleConnect against incomplete connectorData.
  • Threads the existing isLoading state from useIntegrationPicker (which already combines hub/connector/account loading) through IntegrationPicker into CardFooter.
  • Back button is also disabled while loading for consistency.

Test plan

  • Open the picker, select an integration, and confirm the Connect button shows a spinner and is unclickable until the connector config finishes loading.
  • Once loaded, Connect becomes enabled (subject to form validity) and behaves as before.
  • Back button is disabled during the same loading window.

🤖 Generated with Claude Code

Prevents users from triggering handleConnect against incomplete
connectorData by disabling the Connect button (and showing a spinner)
while the connector config query is in flight.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings May 6, 2026 16:24
Copy link
Copy Markdown

@claude claude Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Claude Code Review

This pull request is from a fork — automated review is disabled. A repository maintainer can comment @claude review to run a one-time review.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the integration picker footer behavior to prevent users from initiating a connection while integration/connector data is still loading, by threading an isLoading flag down into the footer and using it to disable actions and show a spinner.

Changes:

  • Passes isLoading from useIntegrationPicker through IntegrationPicker into CardFooter.
  • Disables the Back button while loading.
  • Disables the Connect button while loading and shows the button’s loading spinner during that time.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File Description
src/modules/integration-picker/IntegrationPicker.tsx Threads isLoading into CardFooter so the footer can reflect loading state.
src/modules/integration-picker/components/cardFooter.tsx Adds isLoading prop; disables Back/Connect while loading and shows loading spinner on Connect.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@adefreitas adefreitas merged commit 567420f into StackOneHQ:main May 6, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants