fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
53 lines
1.4 KiB
TypeScript
53 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import DocLink from 'Shared/DocLink/DocLink';
|
|
import IntegrationModalCard from 'Components/Client/Integrations/IntegrationModalCard';
|
|
import IntegrationForm from './IntegrationForm';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
function GithubForm(props) {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<div
|
|
className="bg-white h-screen overflow-y-auto"
|
|
style={{ width: '350px' }}
|
|
>
|
|
<IntegrationModalCard
|
|
title="Github"
|
|
icon="integrations/github"
|
|
description={t(
|
|
'Integrate GitHub with OpenReplay to enable the direct creation of a new issue from a session.',
|
|
)}
|
|
/>
|
|
<div className="p-5 border-b mb-4">
|
|
<div>
|
|
{t(
|
|
'Integrate GitHub with OpenReplay and create issues directly from the recording page.',
|
|
)}
|
|
</div>
|
|
<div className="mt-8">
|
|
<DocLink
|
|
className="mt-4"
|
|
label="Integrate Github"
|
|
url="https://docs.openreplay.com/integrations/github"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<IntegrationForm
|
|
{...props}
|
|
ignoreProject
|
|
name="github"
|
|
customPath="github"
|
|
formFields={[
|
|
{
|
|
key: 'token',
|
|
label: 'Token',
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
GithubForm.displayName = 'GithubForm';
|
|
|
|
export default GithubForm;
|