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

feat: add hubspot component in shared web #5286

Merged
merged 11 commits into from Mar 13, 2024

Conversation

jainpawan21
Copy link
Member

@jainpawan21 jainpawan21 commented Mar 10, 2024

What change does this PR introduce?

Why was this change needed?

Other information (Screenshots)

https://www.loom.com/share/525074b569b94f459bba6144a1aaab76

Copy link

netlify bot commented Mar 10, 2024

Deploy Preview for dev-web-novu ready!

Name Link
🔨 Latest commit 8d5bcf8
🔍 Latest deploy log https://app.netlify.com/sites/dev-web-novu/deploys/65f18da8be9c7700072f88f2
😎 Deploy Preview https://deploy-preview-5286--dev-web-novu.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@jainpawan21 jainpawan21 marked this pull request as ready for review March 11, 2024 17:27
libs/shared/src/types/organization/index.ts Outdated Show resolved Hide resolved
}
`;

export const HubspotForm = <TProperties extends Record<string, string>>(props: HubspotFormProps<TProperties>) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

This component is a copy of the existing HubspotForm one in the billing-web, please move the another one to shared-web and refactor the code appropriately, otherwise we will lose history and will have two duplicates.

Copy link
Contributor

Choose a reason for hiding this comment

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

Also, the form fields have different styles and currently are less accessible IMO, please check the two form styles:
Screenshot 2024-03-12 at 09 32 20
Screenshot 2024-03-12 at 09 32 11

Copy link
Member Author

Choose a reason for hiding this comment

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

@LetItRock

Shall I use this shared-web Hubspot form in ee-billing-web as well?

Copy link
Contributor

Choose a reason for hiding this comment

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

hey @jainpawan21 , yes we should use this shared-web HS form in billing-web too. I can make this change, I'll monitor this PR to be merged first and action appropriately

Copy link
Contributor

Choose a reason for hiding this comment

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

the form fields have different styles

The styles here had gone through a design review process with Nik, we might have missed something. Are you expecting darker text and borders @LetItRock ?

Copy link
Contributor

Choose a reason for hiding this comment

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

Are you expecting darker text and borders @LetItRock ?
exactly, sorry of not being clear enough ;)

Copy link
Member Author

Choose a reason for hiding this comment

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

@LetItRock

Fixed theme and colors issue.
Earlier I was using theme from useLocalThemePreference hook, now using mantine one

apps/web/src/pages/auth/components/HubspotSignupForm.tsx Outdated Show resolved Hide resolved
Copy link
Contributor

@rifont rifont left a comment

Choose a reason for hiding this comment

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

Awesome work @jainpawan21 , could you please add some screenshots to the PR description showing the updated styling, then we will be good to go.


export default function QuestionnairePage() {
const { isLoading } = useVercelIntegration();
const isNovuProd = !IS_DOCKER_HOSTED && ENV === 'production';
Copy link
Contributor

Choose a reason for hiding this comment

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

Nice one, I think this is a suitable approach to dealing with local development, it will ensure we serve the Questionnaire form that does not require an internet connection in local.

For the no internet case in Prod, the User would not be able to reach the Novu API to complete the Organization creation anyway, so no further action needed on this path.

@jainpawan21
Copy link
Member Author

Awesome work @jainpawan21 , could you please add some screenshots to the PR description showing the updated styling, then we will be good to go.

Added loom video ✅

…vuhq/novu into feature/sign-up-question-form-hubspot
@jainpawan21 jainpawan21 merged commit d21f6e4 into next Mar 13, 2024
27 of 29 checks passed
@jainpawan21 jainpawan21 deleted the feature/sign-up-question-form-hubspot branch March 13, 2024 11:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants