diff options
| -rw-r--r-- | src/ReplyForm.js | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/src/ReplyForm.js b/src/ReplyForm.js index 1dab761..a9f461d 100644 --- a/src/ReplyForm.js +++ b/src/ReplyForm.js @@ -1,5 +1,5 @@ import React, { Component } from "react"; -import { Form, Segment, Button, Message } from "semantic-ui-react"; +import { Form, Segment, Button, Message, Icon } from "semantic-ui-react"; import { quotes } from "./Quotes"; class ReplyForm extends Component { @@ -9,6 +9,7 @@ class ReplyForm extends Component { name: "", email: "", message: "", + attachment: "", submittedName: "", submittedEmail: "", submittedMessage: "", @@ -65,8 +66,14 @@ class ReplyForm extends Component { ); } + handleClick(e) { + e.preventDefault(); + document.getElementById("hiddenInput").click(); + } + render() { - const { name, email, message, replyRes } = this.state; + const { name, email, message, replyRes, attachment } = this.state; + const { currentBoard } = this.props; if (this.props.locked === 1) { return ( <Message negative> @@ -112,6 +119,22 @@ class ReplyForm extends Component { value={email} onChange={this.handleChange} /> + {/* TODO: Archivos adjuntos */} + {currentBoard.board_type === 0 && + currentBoard.allow_image_replies === 1 ? ( + <React.Fragment> + <input id="hiddenInput" type="file" hidden /> + <Form.Button + label="Adjunto" + fluid + value={attachment} + onClick={this.handleClick} + > + <Icon name="attach" /> + Adjuntar archivo + </Form.Button> + </React.Fragment> + ) : null} </Form.Group> <Form.TextArea name="message" |