diff --git a/pages/support/components/SuccessMessage/index.js b/pages/support/components/SuccessMessage/index.js
new file mode 100644
index 0000000..0c6a9a3
--- /dev/null
+++ b/pages/support/components/SuccessMessage/index.js
@@ -0,0 +1,27 @@
+import React from "react";
+import Link from "next/link";
+
+export default class SuccessMessage extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ this.state = {
+ };
+ }
+
+ render()
+ {
+ const { number, comment } = this.props;
+
+ return (
+
+
+
{ comment }
+
+
Перейти в раздел «Документы по договору»
+
+ );
+ }
+}
\ No newline at end of file
diff --git a/pages/support/request.js b/pages/support/request.js
index 805c633..d03bb37 100644
--- a/pages/support/request.js
+++ b/pages/support/request.js
@@ -5,6 +5,7 @@ import { connect } from "react-redux";
import { withRouter } from "next/router";
import moment from "moment";
import { SpinnerCircular } from "spinners-react";
+import Dropzone from 'react-dropzone';
import { reduxWrapper } from "../../store";
@@ -12,12 +13,41 @@ import Header from "../components/Header";
import Footer from "../components/Footer";
import Company from "../components/Company";
import InnerMenu from "./components/InnerMenu";
+import SuccessMessage from "./components/SuccessMessage";
import {
getSupportThemes,
getContractsList,
} from "../../actions";
+class FileDropzone extends React.Component
+{
+ constructor(props)
+ {
+ super(props);
+ }
+
+ render()
+ {
+ return (
+
console.log(acceptedFiles) }>
+ { ({getRootProps, getInputProps}) => (
+
+
+
+
+ Перенесите файлы на экран для быстрой загрузки или выберите файл с компьютера
+
+
+
+
+
+ )
+ }
+}
+
class SupportRequestPage extends React.Component
{
constructor(props) {
@@ -30,9 +60,12 @@ class SupportRequestPage extends React.Component
phone: "",
email: "",
question: "",
+ selected_contracts: [],
+ temp_selected_contract: null,
file: null,
opened_theme: 0,
opened_question: 0,
+ success: false,
};
}
@@ -81,6 +114,21 @@ class SupportRequestPage extends React.Component
_handle_onSelectContracts = (event) =>
{
+ this.setState({ temp_selected_contract: event.target.value })
+ }
+
+ _handle_onSendAppeal = () =>
+ {
+ const { name, phone, email, question, temp_selected_contract, } = this.state;
+
+ const appeal = {
+ phone: phone,
+ email: email,
+ description: question,
+ contract_numbers: [
+ temp_selected_contract
+ ]
+ }
}
_renderForm = () =>
@@ -90,10 +138,10 @@ class SupportRequestPage extends React.Component
return (
)
}
@@ -130,7 +169,7 @@ class SupportRequestPage extends React.Component
render()
{
const { number } = this.props;
- const { loading, themes, opened_theme, opened_question } = this.state;
+ const { loading, success, themes, opened_theme, opened_question } = this.state;
const procedure = themes !== undefined && themes !== null ? themes[opened_theme].questions[opened_question] : undefined;
@@ -153,61 +192,73 @@ class SupportRequestPage extends React.Component