d0bcae82f2
* change(ui) - player - back button spacing * change(ui) - onboarding - changes * change(ui) - onboarding - changes * change(ui) - integrations gap-4 * change(ui) - install script copy button styles * change(ui) - copy button in account settings * fix(ui) - error details modal loader position * change(ui) - share popup styles * change(ui) - player improvements * change(ui) - player improvements - playback speed with menu * change(ui) - player improvements - current timezone * change(ui) - player improvements - autoplay options
33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { Button } from 'UI';
|
|
import Integrations from 'App/components/Client/Integrations/Integrations';
|
|
import withOnboarding, { WithOnboardingProps } from '../withOnboarding';
|
|
import withPageTitle from 'App/components/hocs/withPageTitle';
|
|
|
|
interface Props extends WithOnboardingProps {}
|
|
function IntegrationsTab(props: Props) {
|
|
return (
|
|
<>
|
|
<h1 className="flex items-center px-4 py-3 border-b justify-between">
|
|
<div className="flex items-center text-2xl">
|
|
<span>🔌</span>
|
|
<div className="ml-3">Integrations</div>
|
|
</div>
|
|
|
|
<a href="https://docs.openreplay.com/en/v1.10.0/integrations/" target="_blank">
|
|
<Button variant="text-primary" icon="question-circle" className="ml-2">
|
|
See Documentation
|
|
</Button>
|
|
</a>
|
|
</h1>
|
|
<Integrations hideHeader={true} />
|
|
<div className="border-t px-4 py-3 flex justify-end">
|
|
<Button variant="primary" className="" onClick={() => (props.skip ? props.skip() : null)}>
|
|
Complete Setup
|
|
</Button>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default withOnboarding(withPageTitle("Integrations - OpenReplay")(IntegrationsTab));
|