@@ -115,7 +115,7 @@ const inputBarStyle = {
alignItems: 'center',
justifyContent: 'space-between',
padding: '3px'
-}
+};
const textInputStyle = {
overflow: 'hidden',
@@ -124,13 +124,13 @@ const textInputStyle = {
boxSizing: 'border-box',
border: 0,
outline: 'none',
- padding: '4px',
- resize: 'none'
-}
+ padding: '4px'
+};
MessageInput.propTypes = {
+ children: PropTypes.node,
data: MessageType.isRequired,
onSend: PropTypes.func.isRequired,
rows: PropTypes.string,
text: PropTypes.string
-};
\ No newline at end of file
+};
diff --git a/vnext/src/components/PM.js b/vnext/src/components/PM.js
index 7684c6ac..61e28e9a 100644
--- a/vnext/src/components/PM.js
+++ b/vnext/src/components/PM.js
@@ -1,5 +1,7 @@
import React from 'react';
+import { UserType, MessageType } from './Types';
+
import Avatar from './Avatar';
import { format } from '../utils/embed';
@@ -25,7 +27,7 @@ function bubbleStyle(me, msg) {
background: background,
color: color,
padding: '0 12px'
- }
+ };
}
function chatItemStyle(me, msg) {
@@ -38,5 +40,10 @@ function chatItemStyle(me, msg) {
display: 'flex',
flexDirection: 'column',
alignItems: alignment
- }
+ };
+}
+
+PM.propTypes = {
+ chat: MessageType.isRequired,
+ visitor: UserType.isRequired
}
\ No newline at end of file
diff --git a/vnext/src/components/Post.js b/vnext/src/components/Post.js
index e8ebab5c..ff99cc27 100644
--- a/vnext/src/components/Post.js
+++ b/vnext/src/components/Post.js
@@ -1,4 +1,8 @@
import React from 'react';
+
+import ReactRouterPropTypes from 'react-router-prop-types';
+import { UserType } from './Types';
+
import * as qs from 'query-string';
import MessageInput from './MessageInput';
@@ -7,23 +11,23 @@ import { post } from '../api';
export default class Post extends React.Component {
constructor(props) {
- super(props)
+ super(props);
let params = qs.parse(window.location.search);
this.state = {
attach: '',
body: params.body || ''
}
this.fileinput = React.createRef();
- console.log(props)
+ console.log(props);
}
postMessage = (template) => {
const { attach, body } = template;
post(body, attach)
.then(response => {
- console.log(response)
+ console.log(response);
if (response.status === 200) {
const msg = response.data.newMessage;
- console.log(msg)
+ console.log(msg);
this.props.history.push(`/${this.props.visitor.uname}/${msg.mid}`);
}
}).catch(console.log);
@@ -31,22 +35,27 @@ export default class Post extends React.Component {
attachChanged = (event) => {
this.setState({
attach: event.target.value
- })
+ });
}
bodyChanged = (event) => {
this.setState({
body: event.target.value
- })
+ });
}
render() {
return (
-
- *weather It's very cold today!
+
+ *weather It is very cold today!
);
}
}
+
+Post.propTypes = {
+ history: ReactRouterPropTypes.history.isRequired,
+ visitor: UserType
+};
diff --git a/vnext/src/components/Settings.js b/vnext/src/components/Settings.js
index 95f7e60d..a97d4be9 100644
--- a/vnext/src/components/Settings.js
+++ b/vnext/src/components/Settings.js
@@ -2,12 +2,12 @@ import React from 'react';
export default class Settings extends React.Component {
constructor(props) {
- super(props)
+ super(props);
this.state = {
settings: {},
userinfo: {},
facebook: {}
- }
+ };
}
render() {
const { settings, userinfo, facebook } = this.state;
@@ -60,7 +60,7 @@ export default class Settings extends React.Component {
}}>Telegram
{settings.telegramName ? (