import React, { useState, useEffect } from 'react';
import styles from './Guard.less';
import { Input ,Menu,Table,Space,Pagination,Tooltip, Button } from 'antd';

import { Link, useIntl, connect, Dispatch } from 'umi';

import Line from '../../../components/Line/Line';
import BackButton from '../../../components/BackButton/BackButton';
import TitleGet from '../../../components/TitleGet/TitleGet';

import { timestampToTime } from '../../../utils/time';

const Guard = (props:any) => {

  const {CurDataFollowDetail} = props; 
  
  return (
    <div className={styles.base}>


      <div className={styles.item0}><TitleGet title={"Edit Security Guard Account"}/></div>
      <div className={styles.item0_1}>Status：Normal</div>
      <div className={styles.item0_1}>Registration Date：{timestampToTime(CurDataFollowDetail.createTime.time)}</div>
      <div className={styles.item2}><BackButton/></div>
      <div className={styles.clear0}></div>
      
      <div  className={styles.item1}>Company Name</div>
      <div  className={styles.item1_1} >{CurDataFollowDetail.companyName}</div>
      <div  className={styles.clear1}></div>
    
      <div  className={styles.item1}  >Full Name</div>
      <div  className={styles.item1_1} >{CurDataFollowDetail.saferName}</div>
      <div  className={styles.clear1} ></div>

      <div  className={styles.item1}  >Contact Details</div>
      <div className={styles.item1_1} >{CurDataFollowDetail.saferPhone}</div>
      <div className={styles.item1} style={{ marginLeft: 32,width:40}} >Email</div>
      <div  className={styles.item1_1} >{CurDataFollowDetail.saferEmail}</div>
      <div  className={styles.clear1}></div>

      <Line />
      
      <Button>Cancellation</Button>

      
    </div>
  );
};

function mapStateToProps(state:any) {
  const {CurDataFollowDetail } = state.ServiceProvider;  
  return {
    CurDataFollowDetail,
  };
}

export default connect(mapStateToProps)(Guard);
