openreplay/frontend/app/components/Client/Audit/AuditView/AuditView.tsx
2022-05-06 17:31:35 +02:00

24 lines
No EOL
731 B
TypeScript

import React from 'react';
import { PageTitle } from 'UI';
import AuditList from '../AuditList';
import AuditSearchField from '../AuditSearchField';
import { useStore } from 'App/mstore';
import { useObserver } from 'mobx-react-lite';
function AuditView(props) {
const { auditStore } = useStore();
return useObserver(() => (
<div>
<div className="flex items-center mb-4">
<PageTitle title="Audit" />
<div className="flex items-center ml-auto">
<AuditSearchField onChange={(value) => auditStore.updateKey('searchQuery', value) }/>
</div>
</div>
<AuditList />
</div>
));
}
export default AuditView;