import IssueCard from './IssueCard';
import styles from './index.less';
//import InfiniteScroll from 'react-infinite-scroll-component';
export default () => {
  return (
    <div className={styles.container}>
      {/* <div className={styles.total}>
        共有<span>30</span>个安全有关的问题正在处置中
      </div> */}
      <div className={styles.rightContainer}>
        <IssueCard />
        <IssueCard />
        <IssueCard />
        <IssueCard />
        <IssueCard />
        <IssueCard />
        <IssueCard />
        <IssueCard />
      </div>
      {/* <div id="scrollableDiv">
        <InfiniteScroll
          height={600}
          className={styles.rightContainer}
          dataLength={eventList?.length ?? 0}
          next={() => {
            setSearchParam((data: any) => {
              return { ...data, page: data.page + 1 };
            });
          }}
          hasMore={eventList?.length < data?.total}
          loader={<div style={{ color: 'white' }}>加载中...</div>}
          endMessage={<div style={{ color: 'white' }}></div>}
          scrollableTarget="scrollableDiv"
        >
          {eventList?.map((item) => {
                  return (
                    <CityCard
                      key={item.id}
                      item={{
                        eventId: item?.id,
                        disposePicPath: item?.dispose_pic_path,
                        sourceSystem: item?.extend_address,
                        timeDescription: item?.report_time,
                        standardEventTitle:item?.sub_type_name
                      }}
                      onClick={(eventId) => {
                        // setDteailModalShow(true);report_time
                        // setEventId(eventId);
                      }}
                    />
                  );
                })}
        </InfiniteScroll>
      </div> */}
    </div>
  );
};
