Skip to content

SBIT-98: se agregan url para solucionar error de eventLisener #148

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.

Sign up for GitHub

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

Merged
merged 1 commit into from
Apr 12, 2022
Merged

SBIT-98: se agregan url para solucionar error de eventLisener #148

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 18 additions & 9 deletions src/components/Form/Form.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React , { useEffect } from "react"
import React, { useEffect } from "react"
import MarkdownView from "react-showdown"
import HubspotForm from "react-hubspot-form"
import "./Form.scss"
Expand All @@ -16,11 +16,16 @@ const Form = ({ location, data }) => {
return () => {
window.removeEventListener("message", handler)
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [])
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [])

function handler(event) {
if (event.origin === 'https://forms.hsforms.com'){
if (
event.origin === "https://forms.hsforms.com" ||
event.origin === "https://site.dev.bitlogic.io" ||
event.origin === "https://www.bitlogic.io"||
event.origin === "https://preprod.d2mi1do1cquuwf.amplifyapp.com"
) {
if (
event.data.type === "hsFormCallback" &&
event.data.eventName === "onFormReady"
Expand All @@ -33,12 +38,11 @@ const Form = ({ location, data }) => {
}
}
}
console.log(event.origin, 'origin')

console.log(event.origin, "origin")
}

const jqueryChange = elem => {
var event= new Event("HTMLEvents", {"bubbles":true, "cancelable":false});
var event = new Event("HTMLEvents", { bubbles: true, cancelable: false })
elem.dispatchEvent(event)
}

Expand All @@ -54,9 +58,14 @@ const Form = ({ location, data }) => {
<div id={anchor} className="form">
<div className="container d-flex px-lg-2 flex-wrap">
<div className="col-12 col-md-6 px-4 ps-md-0 pe-md-5">
{title && <h2 className="title text-center text-md-start">{title}</h2>}
{title && (
<h2 className="title text-center text-md-start">{title}</h2>
)}
{content && (
<MarkdownView markdown={content} className="form__content text-center text-md-start" />
<MarkdownView
markdown={content}
className="form__content text-center text-md-start"
/>
)}
<div className="form__img mt-md-5 text-center text-md-start">
<img src={image?.url} alt="hero" />
Expand Down