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 large enrollment callout #21369

Merged
merged 35 commits into from
Jan 18, 2023

Conversation

teallarson
Copy link
Contributor

@teallarson teallarson commented Jan 13, 2023

What

Screenshot 2023-01-13 at 2 54 45 PM

closes #21223

How

Adds large banner and necessary assets

Recommended reading order

  1. LargeEnrollmentBanner.*
  2. others

@octavia-squidington-iv octavia-squidington-iv added the area/frontend Related to the Airbyte webapp label Jan 13, 2023
@teallarson teallarson changed the title WIP large enrollment banner 🪟 🎉 Free Connectors Program large enrollment banner Jan 13, 2023
@@ -0,0 +1,667 @@
<svg width="165" height="120" viewBox="0 0 165 120" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
Copy link
Contributor Author

Choose a reason for hiding this comment

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

It looks like this may be the same image @josephkmh used in #21396

Will adjust to use his instead once it's merged!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Actually, this is a different image!

@teallarson teallarson changed the base branch from master to teal/inline-alert-ab-connectors January 13, 2023 20:15
@teallarson teallarson marked this pull request as ready for review January 13, 2023 20:17
@teallarson teallarson force-pushed the teal/inline-alert-ab-connectors branch from 6870736 to e98af7c Compare January 17, 2023 16:47
@teallarson teallarson changed the title 🪟 🎉 Free Connectors Program large enrollment banner 🪟 🎉 Free Connectors Program large enrollment callout Jan 17, 2023
@teallarson teallarson force-pushed the teal/inline-alert-ab-connectors branch from 9b77479 to 091cea4 Compare January 17, 2023 20:20
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.

Just left a few comments for the time being, will do a full review when #21315 is merged

Comment on lines 28 to 34
const Block = styled.div`
background: ${({ theme }) => theme.blue50};
border-radius: 8px;
padding: 18px 25px 22px;
padding: 15px 20px;
font-size: 13px;
line-height: 20px;
display: flex;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Worth converting this away from styled-components, use our actual variables, etc. ... but in the interest of getting this merged this AM that will be a separate PR!

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.

Changes look good to me! One non-blocking comment

Comment on lines 24 to 26
const { data } = useFreeConnectorProgramInfo();
const isFreeConnectorProgramEnabled = useExperiment("workspace.freeConnectorsProgram.visible", false);
const showEnrollmentUi = isFreeConnectorProgramEnabled && data?.showEnrollmentUi;
Copy link
Contributor

Choose a reason for hiding this comment

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

As mentioned on slack, I wonder if we can just roll the useExperiment() call into useFreeConnectorProgramInfo() so that data.showEnrollmentUi = false if the experiment is disabled.

Base automatically changed from teal/inline-alert-ab-connectors to master January 18, 2023 17:45
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.

LGTM. Some slight overlap with the email verification PR, but that's no biggie.

@teallarson teallarson merged commit d287928 into master Jan 18, 2023
@teallarson teallarson deleted the teal/large-enrollment-banner branch January 18, 2023 19:03
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 "large" enrollment banner
4 participants