You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { Space } from '@arco-design/web-react';
|
|
import React from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import ChatPanel from './chat-panel';
|
|
import Studio from './studio';
|
|
import DataStatistic from './data-statistic';
|
|
import StudioStatus from './studio-status';
|
|
import QuickOperation from './quick-operation';
|
|
import StudioInformation from './studio-information';
|
|
import styles from './style/index.module.less';
|
|
import './mock';
|
|
|
|
export default function Monitor() {
|
|
const userInfo = useSelector((state: any) => state.userInfo);
|
|
return (
|
|
<div>
|
|
<div className={styles.layout}>
|
|
<div className={styles['layout-left-side']}>
|
|
<ChatPanel />
|
|
</div>
|
|
<div className={styles['layout-content']}>
|
|
<Space size={16} direction="vertical" style={{ width: '100%' }}>
|
|
<Studio userInfo={userInfo} />
|
|
<DataStatistic />
|
|
</Space>
|
|
</div>
|
|
<div className={styles['layout-right-side']}>
|
|
<Space size={16} direction="vertical" style={{ width: '100%' }}>
|
|
<StudioStatus />
|
|
<QuickOperation />
|
|
<StudioInformation />
|
|
</Space>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|