-
Notifications
You must be signed in to change notification settings - Fork 4.1k
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
Conversation
2fad9be
to
076205c
Compare
@@ -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"> |
There was a problem hiding this comment.
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!
There was a problem hiding this comment.
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!
810cc17
to
6c31bdb
Compare
6870736
to
e98af7c
Compare
6c31bdb
to
bed9a3d
Compare
9b77479
to
091cea4
Compare
There was a problem hiding this 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
...ackages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.module.scss
Show resolved
Hide resolved
...ackages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.module.scss
Outdated
Show resolved
Hide resolved
airbyte-webapp/src/packages/cloud/views/credits/CreditsPage/CreditsPage.tsx
Outdated
Show resolved
Hide resolved
49a9732
to
f14ac81
Compare
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; |
There was a problem hiding this comment.
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!
7995c75
to
ca08552
Compare
There was a problem hiding this 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
const { data } = useFreeConnectorProgramInfo(); | ||
const isFreeConnectorProgramEnabled = useExperiment("workspace.freeConnectorsProgram.visible", false); | ||
const showEnrollmentUi = isFreeConnectorProgramEnabled && data?.showEnrollmentUi; |
There was a problem hiding this comment.
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.
01e4972
to
5e9a4b4
Compare
There was a problem hiding this 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.
What
closes #21223
How
Adds large banner and necessary assets
Recommended reading order
LargeEnrollmentBanner.*