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

Hubspot connect & settings #1139

Merged
merged 5 commits into from
Jul 19, 2023

Conversation

gaspergrom
Copy link
Contributor

@gaspergrom gaspergrom commented Jul 19, 2023

Changes proposed ✍️

What

🤖 Generated by Copilot at 424f7af

This pull request adds a new component and service for the Hubspot integration. It allows users to connect to Hubspot, book a call, and map attributes between Hubspot and Crowd.dev entities. It also updates the config file, deletes an unused component, and adds some TypeScript types and interfaces.

🤖 Generated by Copilot at 424f7af

We're sailing on the Hubspot tide, me hearties
We're mapping all the fields we need, yo ho
We're using Vue and TypeScript, me hearties
We're building a fine integration, yo ho

Why

How

🤖 Generated by Copilot at 424f7af

  • Add a new Vue component AppHubspotConnect to render a slot for connecting and setting up the Hubspot integration (link)
  • Import and use another component AppHubspotSettingsDrawer to show a drawer with options to map attributes between Hubspot and Crowd.dev entities (link)
  • Use the composition API, the script setup syntax, Vuex helpers, and props, refs, and methods to define the component logic and data (link)
  • Update the import and the reference of the connect component for the Hubspot integration in the config file (link, link)
  • Add a new TypeScript class HubspotApiService to provide methods to interact with the backend endpoints for the Hubspot integration (link)
  • Add new TypeScript files to define enums, interfaces, and types for the Hubspot integration data structures (link, link, link, link)
  • Rename the method hubspotOnboard to hubspotConnect in the IntegrationService class and the Vuex action that calls it (link, link)
  • Delete the unused component HubspotBookCall (link)

Checklist ✅

  • Label appropriately with Feature, Improvement, or Bug.
  • Add screehshots to the PR description for relevant FE changes
  • New backend functionality has been unit-tested.
  • API documentation has been updated (if necessary) (see docs on API documentation).
  • Quality standards are met.

@gaspergrom gaspergrom added the Feature Created by Linear-GitHub Sync label Jul 19, 2023
@gaspergrom gaspergrom self-assigned this Jul 19, 2023
<div v-if="form.members || form.organizations" class="p-2 rounded bg-blue-50 flex items-center mb-3">
<span class="ri-information-line text-blue-900 mr-2 text-base h-4 flex items-center" />
<span class="text-[11px] text-blue-900 leading-4.5">We recommend creating custom properties in Hubspot for every crowd.dev attribute.
<a href="#" target="_blank" class="underline text-blue-900 font-medium">Read more</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

This is currently not linking to anywhere, maybe it was forgotten?

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 link

</div>
</template>

<div v-if="activeView === 'member'">
Copy link
Contributor

Choose a reason for hiding this comment

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

Just a suggestion, but currently this component is really big which could also affect performance. Since these two sections of the member and organizations are pretty similar, could they be moved to a separate component where it would only have one el-collapse-item and would render content depending on the active view?
It seems that this way there is a lot of duplicated code for both views

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks for suggestion i moved property mapping to separate component

@gaspergrom gaspergrom merged commit 9009e69 into feature/hubspot-integration Jul 19, 2023
5 checks passed
@gaspergrom gaspergrom deleted the feature/hubspot-connect branch July 19, 2023 12:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature Created by Linear-GitHub Sync
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants