119 lines
3.8 KiB
JavaScript
119 lines
3.8 KiB
JavaScript
import React from "react";
|
|
import Head from 'next/head';
|
|
import Image from 'next/image';
|
|
import { connect } from "react-redux";
|
|
import { withRouter } from 'next/router';
|
|
import { reduxWrapper } from '../../store';
|
|
|
|
import Header from '../components/Header';
|
|
import Footer from '../components/Footer';
|
|
import Company from "../components/Company";
|
|
import InnerMenu from "./components/InnerMenu";
|
|
|
|
class ContractPage extends React.Component
|
|
{
|
|
constructor(props)
|
|
{
|
|
super(props);
|
|
}
|
|
|
|
render()
|
|
{
|
|
const { number } = this.props;
|
|
|
|
return (
|
|
<React.Fragment>
|
|
<Head>
|
|
<title>ЛК Эволюция автолизинга</title>
|
|
<meta
|
|
name="description"
|
|
content="ЛК Эволюция автолизинга"
|
|
/>
|
|
</Head>
|
|
<Header { ...this.props }/>
|
|
<main>
|
|
<section>
|
|
<div className="clear"></div>
|
|
<div className="container">
|
|
<div className="title_wrapper">
|
|
<div className="left">
|
|
<h1 className="section_title">Договор №{ number.replace("_", "/") } от 10.01.2021</h1>
|
|
</div>
|
|
<Company/>
|
|
</div>
|
|
<div className="aside_container about">
|
|
<InnerMenu number={ number } { ...this.props }/>
|
|
<article>
|
|
<div className="dosc_list">
|
|
<div className="row">
|
|
<p className="doc_name i-pdf">
|
|
Договор
|
|
<span>Краткое описание. Может быть много-много строк.
|
|
Столько строк, сколько есть в описании</span>
|
|
</p>
|
|
<a href="#" className="button button-blue">Скачать</a>
|
|
</div>
|
|
<div className="row">
|
|
<p className="doc_name i-pdf">
|
|
Договор цессии
|
|
<span>Краткое описание. Может быть много-много строк.
|
|
Столько строк, сколько есть в описании</span>
|
|
</p>
|
|
<a href="#" className="button button-blue">Скачать</a>
|
|
</div>
|
|
<div className="row">
|
|
<p className="doc_name i-pdf">
|
|
Дополнительное соглашение №1
|
|
<span>Краткое описание. Может быть много-много строк.
|
|
Столько строк, сколько есть в описании</span>
|
|
</p>
|
|
<a href="#" className="button button-blue">Скачать</a>
|
|
</div>
|
|
<div className="row">
|
|
<p className="doc_name i-pdf">
|
|
Дополнительное соглашение №2
|
|
<span>Краткое описание. Может быть много-много строк.
|
|
Столько строк, сколько есть в описании</span>
|
|
</p>
|
|
<a href="#" className="button button-blue">Скачать</a>
|
|
</div>
|
|
<div className="row">
|
|
<p className="doc_name i-pdf">
|
|
Выкупные документы
|
|
<span>Краткое описание. Может быть много-много строк.
|
|
Столько строк, сколько есть в описании</span>
|
|
</p>
|
|
<a href="#" className="button button-blue">Скачать</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<Footer/>
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
}
|
|
|
|
function mapStateToProps(state, ownProps)
|
|
{
|
|
return {
|
|
company: state.company,
|
|
schedule: state.payments,
|
|
}
|
|
}
|
|
|
|
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
|
|
async ({ req, res, query }) =>
|
|
{
|
|
return {
|
|
props: {
|
|
number: query.number,
|
|
}
|
|
}
|
|
}
|
|
);
|
|
|
|
export default withRouter(connect(mapStateToProps)(ContractPage)); |