dashboard/src/charts/Wechat_session.js

import React, {useContext, useEffect} from 'react';
import {Row, Col, List, Avatar, Table, Space, Radio, Tooltip} from 'antd';
import {
    ContainerOutlined,
    SearchOutlined,
} from '@ant-design/icons';
import {stores_Context} from '../config'
import {Line} from "@ant-design/charts";
import {observer} from 'mobx-react';
import DatePickerCharts from '../charts/DatePickerCharts'
import {NavLink, useParams} from "react-router-dom";
import * as comm from "../utils/commons";
import * as config from "../config";
import SiteSelect from "../charts/SiteSelect";
import GroupSelect from "../charts/GroupSelect";
import {utils, writeFileXLSX} from "xlsx";

const Wechat_session = () => {

    const {orders_store, date_picker_store, customer_store} = useContext(stores_Context);
    const inchina_data = customer_store.inchina_data;

    useEffect(() => {

    }, [])
    const data = [
        {
            title: 'Ant Design Title 1',
        },
        {
            title: 'Ant Design Title 2',
        },
        {
            title: 'Ant Design Title 3',
        },
        {
            title: 'Ant Design Title 4',
        },
    ];

    return (
        <div>
            <Row>
                <Col span={8}>
                    <List
                        itemLayout="horizontal"
                        dataSource={data}
                        renderItem={(item) => (
                            <List.Item>
                                <List.Item.Meta
                                    avatar={<Avatar src="https://joeschmoe.io/api/v1/random" />}
                                    title={<a href="https://ant.design">{item.title}</a>}
                                    description=""
                                />
                            </List.Item>
                        )}
                    />
                </Col>

            </Row>
        </div>
    );

}
export default observer(Wechat_session);