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

🪟 🧪 [Experiment] Show speedy connection banner only to corporate emails #19354

Merged
merged 4 commits into from
Nov 17, 2022

Conversation

letiescanciano
Copy link
Contributor

What

Quick update on Speedy Connection experiment before launching.

  • Remove Onboarding Flow option.
  • Show speedy connection banner only to corporate emails.
  • Update styles to match new theme

🎬 https://www.loom.com/share/198587330904445cbd38c8a9298c4c52

@letiescanciano letiescanciano requested a review from a team as a code owner November 11, 2022 13:45
@octavia-squidington-iv octavia-squidington-iv added area/platform issues related to the platform area/frontend Related to the Airbyte webapp labels Nov 11, 2022
@@ -0,0 +1,3752 @@
export const FREE_EMAIL_SERVICE_PROVIDERS = [
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I added this list of free email providers so we can filter more than gmail.com

@@ -170,6 +172,9 @@ export const AuthenticationProvider: React.FC<React.PropsWithChildren<unknown>>
hasPasswordLogin(): boolean {
return !!state.providers?.includes("password");
},
hasCorporateEmail(): boolean {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added this new function here so it can be used across the whole app because I feel we will start segmenting more and more experiments only for corporate emails.
Let me know if this is not the right place or there’s a better one

Copy link
Collaborator

Choose a reason for hiding this comment

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

I think that might be a valid place for it. Alternatively we would put it into src/utils into a utility function, but I think this can live on the AuthService as well.

@@ -44,7 +35,6 @@ export const SpeedyConnectionBanner = () => {
timer: () => <CountDownTimer expiredOfferDate={expiredOfferDate} />,
Copy link
Collaborator

Choose a reason for hiding this comment

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

Just a note that I noticed while testing: I'd suggest to remove the seconds from this counter. Having something ticking down every second of the top of the page feels really destracting from what you want to do on the page.

Comment on lines 15 to 16
background-color: colors.$blue-100;
color: colors.$dark-blue;
Copy link
Collaborator

Choose a reason for hiding this comment

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

The banner design was made by Nico for all our banners. I'd prefer if we don't diverge for this banner from it. In general 🧹 if we keep this, we should just use the AlertBanner component.

@@ -7,7 +7,7 @@
}

.countDownTimerItem {
color: colors.$orange;
color: colors.$blue-400;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Sorry I missed that when changing the design, only changed the banner colors.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

No problem!

@letiescanciano letiescanciano force-pushed the leti/change-flow-for-speedy-connection-exp branch from 78541e5 to b659afe Compare November 14, 2022 14:36
@letiescanciano
Copy link
Contributor Author

@timroes changes applied!

Copy link
Collaborator

@timroes timroes left a comment

Choose a reason for hiding this comment

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

Code LGTM. Have tested locally, seems to work as expected.

@letiescanciano letiescanciano merged commit e69ecf3 into master Nov 17, 2022
@letiescanciano letiescanciano deleted the leti/change-flow-for-speedy-connection-exp branch November 17, 2022 07:13
akashkulk pushed a commit that referenced this pull request Dec 2, 2022
…ls (#19354)

* 🪟 🧪 [Experiment] Show speedy connection banner only to corporate emails

* PR comments

* update banner styles to match design. Remove seconds

Co-authored-by: Tim Roes <tim@airbyte.io>
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 area/platform issues related to the platform team/growth
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants