30 lines
No EOL
899 B
TypeScript
30 lines
No EOL
899 B
TypeScript
import React from 'react';
|
|
import UserList from './components/UserList';
|
|
import { PageTitle } from 'UI';
|
|
import { useStore } from 'App/mstore';
|
|
import { useObserver } from 'mobx-react-lite';
|
|
import UserSearch from './components/UserSearch';
|
|
|
|
function UsersView(props) {
|
|
const { userStore } = useStore();
|
|
const userCount = useObserver(() => userStore.list.length);
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex items-center justify-between">
|
|
<PageTitle
|
|
title={<div>Team <span className="color-gray-medium">{userCount}</span></div>}
|
|
actionButton={(
|
|
<div className="ml-2">test</div>
|
|
)}
|
|
/>
|
|
<div>
|
|
<UserSearch />
|
|
</div>
|
|
</div>
|
|
<UserList />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default UsersView; |