From d5cc9b3183603e291786935832f7c50f6f3630f2 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Mon, 25 Jun 2018 15:19:09 +0300
Subject: send pm
---
vnext/src/components/Chat.js | 50 ++++++++++++++++++++++++------------
vnext/src/components/MessageInput.js | 4 ++-
2 files changed, 36 insertions(+), 18 deletions(-)
(limited to 'vnext/src')
diff --git a/vnext/src/components/Chat.js b/vnext/src/components/Chat.js
index c4d9422f..8f3a26c0 100644
--- a/vnext/src/components/Chat.js
+++ b/vnext/src/components/Chat.js
@@ -32,6 +32,22 @@ export default class Chat extends React.Component {
}
}
+ onSend = (template) => {
+ const url = `https://api.juick.com/pm?hash=${this.props.visitor.hash}`;
+ let form = new FormData();
+ form.append('body', template.body);
+ form.append('uname', template.to.uname);
+ fetch(url, {
+ method: 'POST',
+ body: form
+ }).then(response => {
+ return response.json()
+ }).then(res => {
+ this.loadChat(this.props.match.params.user);
+ })
+ .catch(console.log)
+ }
+
render() {
const { chats } = this.state;
const uname = this.props.match.params.user;
@@ -39,23 +55,23 @@ export default class Chat extends React.Component {
- { uname ? (
-
-
- {
- chats.map((chat) =>
-
- )
- }
-
-
{}}/>
+ {uname ? (
+
+
+ {
+ chats.map((chat) =>
+
+ )
+ }
+
+
+
+ ) : (
+
+ )
+ }
+
- ) : (
-
- )
- }
-
-
)
}
}
@@ -67,5 +83,5 @@ const chatStyle = {
height: '450px',
display: 'flex',
flexDirection: 'column-reverse',
- width: '100%'
+ width: '100%'
}
diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index e30962a8..21495dd7 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -15,6 +15,7 @@ export default class MessageInput extends React.Component {
isActive: false,
mid: this.props.data.mid,
rid: this.props.data.rid || 0,
+ to: this.props.data.to || {},
body: '',
attach: ''
}
@@ -33,7 +34,8 @@ export default class MessageInput extends React.Component {
mid: this.state.mid,
rid: this.state.rid,
body: this.state.body,
- attach: this.state.attach ? input.files[0] : ''
+ attach: this.state.attach ? input.files[0] : '',
+ to: this.state.to
})
this.setState({
body: '',
--
cgit v1.2.3