8d1bf1a401
* change(ui): route refactor * change(ui): new navigation * change(ui): new navigation - icons and other fixes * change(ui): modules * change(ui): moduels and nav fixes
42 lines
No EOL
1.2 KiB
TypeScript
42 lines
No EOL
1.2 KiB
TypeScript
import React from 'react';
|
|
import ModuleCard from 'Components/Client/Modules/ModuleCard';
|
|
import { modules as list } from './';
|
|
import withPageTitle from 'HOCs/withPageTitle';
|
|
import { connect } from 'react-redux';
|
|
|
|
interface Props {
|
|
modules: string[];
|
|
}
|
|
|
|
function Modules(props: Props) {
|
|
const { modules } = props;
|
|
|
|
const onToggle = (module: any) => {
|
|
module.isEnabled = !module.isEnabled;
|
|
};
|
|
return (
|
|
<div>
|
|
<div className='bg-white rounded-lg border p-4'>
|
|
<h3 className='text-2xl'>Modules</h3>
|
|
<div className='mt-3'>
|
|
<p>Copy
|
|
OpenReplay's modules are a collection of advanced features that provide enhanced functionality.</p>
|
|
<p>Easily enable any desired module within the user interface to access its capabilities</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className='mt-4 grid grid-cols-3 gap-3'>
|
|
{list.map((module) => (
|
|
<div key={module.key} className='flex flex-col h-full'>
|
|
<ModuleCard module={module} onToggle={onToggle} />
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
|
|
export default withPageTitle('Modules - OpenReplay Preferences')(connect((state: any) => ({
|
|
modules: state.getIn(['user', 'account', 'modules']) || []
|
|
}))(Modules)); |