69 lines
1.8 KiB
JavaScript
69 lines
1.8 KiB
JavaScript
import React, { Component } from "react";
|
||
|
||
class CalendarCellModal extends Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
menuOpened: false,
|
||
activeLink: ""
|
||
};
|
||
}
|
||
|
||
toggleMenu = () => {
|
||
this.setState({
|
||
menuOpened: !this.state.menuOpened
|
||
});
|
||
};
|
||
|
||
selected = (text) => {
|
||
this.toggleMenu();
|
||
this.setState({
|
||
activeLink: text
|
||
})
|
||
}
|
||
render() {
|
||
const {menuOpened, activeLink} = this.state;
|
||
return (
|
||
<div className={this.props.open ? "fade opened" : "fade"}>
|
||
<div className="modal">
|
||
<div className="calendar_payment">
|
||
<div className="day">
|
||
<span>16</span>
|
||
июня
|
||
</div>
|
||
<div className="payment_table">
|
||
<div className="table_row table_header">
|
||
<div className="table_cell">Договор</div>
|
||
<div className="table_cell">Платеж</div>
|
||
</div>
|
||
<div className="table_row">
|
||
<div className="table_cell">
|
||
<a href="#">№1234/2021 от 10.01.2021</a>
|
||
</div>
|
||
<div className="table_cell">
|
||
<b>139 400,00 р.</b>
|
||
</div>
|
||
</div>
|
||
<div className="table_row">
|
||
<div className="table_cell">
|
||
<a href="#">№1234/2021 от 10.01.2021</a>
|
||
</div>
|
||
<div className="table_cell">
|
||
<b>139 400,00 р.</b>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div className="modal_footer">
|
||
<button className="button button-blue" onClick={() => this.props.close()}>Закрыть</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
}
|
||
|
||
export default CalendarCellModal;
|