53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { Input } from 'antd';
|
|
import React from 'react';
|
|
import { useStore } from 'App/mstore';
|
|
|
|
import LatestSessionsMessage from './components/LatestSessionsMessage';
|
|
import SessionHeader from './components/SessionHeader';
|
|
import SessionList from './components/SessionList';
|
|
import { observer } from 'mobx-react-lite';
|
|
import NoSessionsMessage from 'Shared/NoSessionsMessage/NoSessionsMessage';
|
|
import MainSearchBar from 'Shared/MainSearchBar/MainSearchBar';
|
|
import SessionSearch from 'Shared/SessionSearch/SessionSearch';
|
|
|
|
function SessionsTabOverview() {
|
|
const [query, setQuery] = React.useState('');
|
|
const { aiFiltersStore, searchStore } = useStore();
|
|
const appliedFilter = searchStore.instance;
|
|
|
|
const handleKeyDown = (event: any) => {
|
|
if (event.key === 'Enter') {
|
|
fetchResults();
|
|
}
|
|
};
|
|
const fetchResults = () => {
|
|
void aiFiltersStore.omniSearch(query, appliedFilter.toData());
|
|
};
|
|
|
|
const testingKey = localStorage.getItem('__mauricio_testing_access') === 'true';
|
|
return (
|
|
<>
|
|
<NoSessionsMessage />
|
|
<MainSearchBar />
|
|
<SessionSearch />
|
|
<div className="my-4" />
|
|
<div className="widget-wrapper">
|
|
{testingKey ? (
|
|
<Input
|
|
value={query}
|
|
onKeyDown={handleKeyDown}
|
|
onChange={(e) => setQuery(e.target.value)}
|
|
className={'mb-2'}
|
|
placeholder={'ask session ai'}
|
|
/>
|
|
) : null}
|
|
<SessionHeader />
|
|
<div className="border-b" />
|
|
<LatestSessionsMessage />
|
|
<SessionList />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default observer(SessionsTabOverview);
|