import React from "react";
import { Spin, Button, Tabs, Table, message, Modal } from "antd";


const ShowModal = React.createClass({
  getInitialState() {
    return {
      newVisible: true
    };
  },

  handleOk() {
    this.setState({
      newVisible: false
    });
  },
  render() {
    return this.state.newVisible ? (
      <Modal
        style={{ position: "relative" }}
        title="消息提醒"
        visible={this.props.ShowModal}
        closable={false}
        footer={null}
      >
        <div style={{ textAlign: "center" }}>
          您有新消息尚未查看，请及时查看信息！
          <a href={"/admin/index.html#normal"}>点我查看信息</a>
        </div>
        <Button
          onClick={this.handleOk}
          type={"primary"}
          style={{
            position: "relative",
            left: "50%",
            transform: "translateX(-50%)",
            bottom: -10
          }}
        >
          关闭
        </Button>
      </Modal>
    ) : null;
  }
});

export default ShowModal;
