openreplay/frontend/app/components/shared/SessionSettings/SessionSettings.tsx
2024-09-19 10:38:07 +02:00

38 lines
1.1 KiB
TypeScript

import React from 'react';
import ListingVisibility from './components/ListingVisibility';
import DefaultPlaying from './components/DefaultPlaying';
import DefaultTimezone from './components/DefaultTimezone';
import CaptureRate from './components/CaptureRate';
import { observer } from 'mobx-react-lite';
import { useStore } from 'App/mstore';
function SessionSettings() {
const { projectsStore } = useStore();
const projectId = projectsStore.siteId;
return (
<div className='bg-white box-shadow h-screen overflow-y-auto'>
<div className='px-6 pt-6'>
<h1 className='text-2xl'>Sessions Settings</h1>
</div>
<div className='p-6 border-b py-8'>
<ListingVisibility />
</div>
<div className='p-6 border-b py-8'>
<DefaultPlaying />
</div>
<div className='p-6 border-b py-8'>
<DefaultTimezone />
</div>
<div className='p-6 py-8'>
<h3 className='text-lg'>Capture Rate</h3>
<CaptureRate projectId={projectId} />
</div>
</div>
);
}
export default observer(SessionSettings)