openreplay/frontend/app/components/Client/Integrations/BugsnagForm/BugsnagForm.js
2021-05-04 18:59:46 +05:30

31 lines
No EOL
995 B
JavaScript

import { tokenRE } from 'Types/integrations/bugsnagConfig';
import IntegrationForm from '../IntegrationForm';
import ProjectListDropdown from './ProjectListDropdown';
import DocLink from 'Shared/DocLink/DocLink';
const BugsnagForm = (props) => (
<>
<div className="p-5 border-b mb-4">
<div>How to integrate Bugsnag with OpenReplay and see backend errors alongside session recordings.</div>
<DocLink className="mt-4" label="Integrate Bugsnag" url="https://docs.openreplay.com/integrations/datadog" />
</div>
<IntegrationForm
{ ...props }
name="bugsnag"
formFields={[ {
key: "authorizationToken",
label: "Authorisation Token",
}, {
key: "bugsnagProjectId",
label: "Project",
checkIfDisplayed: config => tokenRE.test(config.authorizationToken),
component: ProjectListDropdown,
}
]}
/>
</>
);
BugsnagForm.displayName = "BugsnagForm";
export default BugsnagForm;