From c24420eee001707530bab841d998cc076a459708 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Fri, 22 Jun 2018 12:02:59 +0300
Subject: Button component
---
vnext/src/components/Button.js | 18 ++++++++++++++++++
vnext/src/components/MessageInput.js | 3 ++-
vnext/src/components/Thread.js | 5 +++--
3 files changed, 23 insertions(+), 3 deletions(-)
create mode 100644 vnext/src/components/Button.js
diff --git a/vnext/src/components/Button.js b/vnext/src/components/Button.js
new file mode 100644
index 00000000..583f8e4b
--- /dev/null
+++ b/vnext/src/components/Button.js
@@ -0,0 +1,18 @@
+import React from 'react'
+
+export default function Button(props) {
+ return (
+
+ )
+}
+
+const buttonStyle = {
+ background: '#fff',
+ fontSize: '12px',
+ border: '1px solid #eee',
+ color: '#888',
+ cursor: 'pointer',
+ display: 'inline-block',
+ margin: '5px',
+ padding: '2px 10px'
+}
\ No newline at end of file
diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index a8bbbc33..6e698c32 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
import { MessageType } from './Types';
import Icon from './Icon';
+import Button from './Button';
export default class MessageInput extends React.Component {
constructor(props) {
@@ -88,7 +89,7 @@ export default class MessageInput extends React.Component {
-
+
diff --git a/vnext/src/components/Thread.js b/vnext/src/components/Thread.js
index 7464ca7f..5ff91346 100644
--- a/vnext/src/components/Thread.js
+++ b/vnext/src/components/Thread.js
@@ -8,6 +8,7 @@ import MessageInput from './MessageInput';
import Spinner from './Spinner';
import Avatar from './Avatar';
import Icon from './Icon';
+import Button from './Button';
import { format } from '../utils/embed';
@@ -149,12 +150,12 @@ export default class Thread extends React.Component {
{
this.props.visitor.uid > 0 ? (
- {this.state.active === msg.rid || }
+ {this.state.active === msg.rid || }
{this.state.active === msg.rid && }
) : (
- · {this.state.active === msg.rid || }
+ · {this.state.active === msg.rid || }
)
}
--
cgit v1.2.3