Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🪟 🎉 Free Connectors Program inline enrollment callout #21315

Merged
merged 35 commits into from
Jan 18, 2023

Conversation

teallarson
Copy link
Contributor

@teallarson teallarson commented Jan 12, 2023

What

Closes #21222

Shows callout to enroll if a user:

  • is viewing a connection with an alpha or beta connector
  • is setting up an alpha or beta connector

Screenshot 2023-01-18 at 9 10 07 AM

How

  • Adds a hook to handle some of the enrollment logic
  • Adds the inline callout component

Recommended reading order

  1. useFreeConnectorProgram.tsx
  2. InlineEnrollmentCallout.*
  3. others

@octavia-squidington-iv octavia-squidington-iv added the area/frontend Related to the Airbyte webapp label Jan 12, 2023
@teallarson teallarson changed the title [Free AB Connectors] Inline enrollment alert banner [Free AB Connectors] Inline enrollment callout Jan 12, 2023
@teallarson teallarson force-pushed the teal/inline-alert-ab-connectors branch 2 times, most recently from a249b32 to 5584655 Compare January 13, 2023 16:10
@teallarson teallarson marked this pull request as ready for review January 13, 2023 16:25
@teallarson teallarson changed the title [Free AB Connectors] Inline enrollment callout 🪟 🎉 Free Alpha/Beta Connectors inline enrollment callout Jan 13, 2023
@teallarson teallarson changed the title 🪟 🎉 Free Alpha/Beta Connectors inline enrollment callout 🪟 🎉 Free Connectors Program inline enrollment callout Jan 13, 2023
@teallarson teallarson force-pushed the teal/inline-alert-ab-connectors branch from 6870736 to e98af7c Compare January 17, 2023 16:47
@teallarson teallarson requested a review from ambirdsall January 17, 2023 18:18
Copy link
Contributor

@ambirdsall ambirdsall left a comment

Choose a reason for hiding this comment

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

I've added the hook to query the backend for enrollment eligibility (with a hardcoded boolean for the email verification issue that was raised this morning) to #21414

@teallarson teallarson force-pushed the teal/inline-alert-ab-connectors branch from 9b77479 to 091cea4 Compare January 17, 2023 20:20
Copy link
Contributor

@ambirdsall ambirdsall left a comment

Choose a reason for hiding this comment

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

Looks great 🚢

@@ -23,6 +27,11 @@ export const ConnectionPageTitle: React.FC = () => {

const { connection } = useConnectionEditService();

const freeConnectorProgramEnabled = useExperiment("workspace.freeConnectorsProgram.visible", false);
Copy link
Contributor

Choose a reason for hiding this comment

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

On reflection, I think it makes most sense to put the useExperiment check inside the useFreeConnectorProgramInfo hook: it always has the same meaning vis a vis showEnrollmentUi (if the flag is off, don't show the FCP UI), we'll always want to consider the two together while the flag is relevant, and pulling it into the hook gives us a single place to change if we end up making the experiment flag a permanent feature.

No need to update this PR, though, I'm happy to do that in my PR that implements email verification status checking.

Copy link
Contributor

@josephkmh josephkmh left a comment

Choose a reason for hiding this comment

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

Looks good, just made some non-blocking comments

@teallarson teallarson enabled auto-merge (squash) January 18, 2023 13:08
@teallarson
Copy link
Contributor Author

teallarson commented Jan 18, 2023

@josephkmh not sure why I can't reply or quote reply, but RE links: Yep, a unified component would be useful. We have an existing issue here: #18825

@teallarson teallarson merged commit 115144b into master Jan 18, 2023
@teallarson teallarson deleted the teal/inline-alert-ab-connectors branch January 18, 2023 17:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Related to the Airbyte webapp
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Free connectors] create inline enrollment banner
5 participants