Move duplicated HubSpot code into HubSpot component (#641)

website/src/components/HubSpot.tsx

@@ -0,0 +1,21 @@
+export interface HubSpotForm {
+    portalId: string
+    formId: string
+    targetId: string
+    onFormSubmit?: () => void
+}
+
+export function createHubSpotForm({ portalId, formId, targetId, onFormSubmit }: HubSpotForm): void {
+    const script = document.createElement('script')
+    script.src = '//js.hsforms.net/forms/v2.js'
+    const hubspot = document.getElementById(targetId)
+    hubspot!.appendChild(script)
+    script.addEventListener('load', () => {
+        ;(window as any).hbspt.forms.create({
+            portalId,
+            formId,
+            target: `#${targetId}`,
+            onFormSubmit,
+        })
+    })
+}

website/src/pages/contact/request-code-change-management-demo.tsx

@@ -1,7 +1,7 @@
 import React, { useLayoutEffect } from 'react'
 import Layout from '../../components/Layout'
 import { CustomerLogosSection } from '../../components/product/CustomerLogosSection'
-import { createHubSpotForm } from './sales'
+import { createHubSpotForm } from '../../components/HubSpot'
 
 export default ((props: any) => {
     useLayoutEffect(() => {

website/src/pages/contact/request-demo.tsx

@@ -1,7 +1,7 @@
 import React, { useLayoutEffect } from 'react'
 import Layout from '../../components/Layout'
 import { CustomerLogosSection } from '../../components/product/CustomerLogosSection'
-import { createHubSpotForm } from './sales'
+import { createHubSpotForm } from '../../components/HubSpot'
 
 export default ((props: any) => {
     useLayoutEffect(() => {

website/src/pages/contact/sales.tsx

@@ -1,28 +1,7 @@
 import React, { useLayoutEffect } from 'react'
 import Layout from '../../components/Layout'
 import { CustomerLogosSection } from '../../components/product/CustomerLogosSection'
-
-interface HubSpotForm {
-    portalId: string
-    formId: string
-    targetId: string
-    onFormSubmit?: () => void
-}
-
-export function createHubSpotForm({ portalId, formId, targetId, onFormSubmit }: HubSpotForm): void {
-    const script = document.createElement('script')
-    script.src = '//js.hsforms.net/forms/v2.js'
-    const hubspot = document.getElementById(targetId)
-    hubspot!.appendChild(script)
-    script.addEventListener('load', () => {
-        ;(window as any).hbspt.forms.create({
-            portalId,
-            formId,
-            target: `#${targetId}`,
-            onFormSubmit,
-        })
-    })
-}
+import { createHubSpotForm } from '../../components/HubSpot'
 
 export default ((props: any) => {
     useLayoutEffect(() => {

website/src/pages/resources/universal-code-search-ebook.tsx

@@ -1,28 +1,7 @@
 import React, { useLayoutEffect } from 'react'
 import Layout from '../../components/Layout'
 import { ContentPage } from '../../components/content/ContentPage'
-
-interface HubSpotForm {
-    portalId: string
-    formId: string
-    targetId: string
-    onFormSubmit?: () => void
-}
-
-export function createHubSpotForm({ portalId, formId, targetId, onFormSubmit }: HubSpotForm): void {
-    const script = document.createElement('script')
-    script.src = '//js.hsforms.net/forms/v2.js'
-    const hubspot = document.getElementById(targetId)
-    hubspot!.appendChild(script)
-    script.addEventListener('load', () => {
-        ;(window as any).hbspt.forms.create({
-            portalId,
-            formId,
-            target: `#${targetId}`,
-            onFormSubmit,
-        })
-    })
-}
+import { createHubSpotForm } from '../../components/HubSpot'
 
 
 export default ((props: any) => {

website/src/pages/webinars/signup-webinar-jan2020.tsx

@@ -1,28 +1,8 @@
 import React, { useLayoutEffect } from 'react'
 import Layout from '../../components/Layout'
 import { CustomerLogosSection } from '../../components/product/CustomerLogosSection'
+import { createHubSpotForm } from '../../components/HubSpot'
 
-interface HubSpotForm {
-    portalId: string
-    formId: string
-    targetId: string
-    onFormSubmit?: () => void
-}
-
-export function createHubSpotForm({ portalId, formId, targetId, onFormSubmit }: HubSpotForm): void {
-    const script = document.createElement('script')
-    script.src = '//js.hsforms.net/forms/v2.js'
-    const hubspot = document.getElementById(targetId)
-    hubspot!.appendChild(script)
-    script.addEventListener('load', () => {
-        ;(window as any).hbspt.forms.create({
-            portalId,
-            formId,
-            target: `#${targetId}`,
-            onFormSubmit,
-        })
-    })
-}
 
 export default ((props: any) => {
     useLayoutEffect(() => {