diff options
Diffstat (limited to 'src/BBSThread.js')
| -rw-r--r-- | src/BBSThread.js | 19 |
1 files changed, 14 insertions, 5 deletions
diff --git a/src/BBSThread.js b/src/BBSThread.js index 9d11537..321598e 100644 --- a/src/BBSThread.js +++ b/src/BBSThread.js @@ -1,8 +1,9 @@ import React, { Component } from "react"; -import { Header, Icon, Loader, Message, Segment, Image, Button } from "semantic-ui-react"; +import { Header, Icon, Loader, Message, Segment, Image, Label } from "semantic-ui-react"; import Moment from "react-moment"; import "moment/locale/es"; + class BBSThread extends Component { constructor(props) { super(props); @@ -35,6 +36,7 @@ class BBSThread extends Component { } render() { const { isLoading, error } = this.state; + const filesize = require('filesize'); if (isLoading) { return ( @@ -77,12 +79,19 @@ class BBSThread extends Component { </Header> <Segment.Group horizontal> - {post.file != "" ? <Segment compact> <Image src={`https://bienvenidoainternet.org/${this.props.dir}/thumb/${post.thumb}`} /></Segment> : null} - <Segment> + {post.file != "" ? + <Segment padded compact> + <Label attached='bottom'>{post.file} {post.image_width}x{post.image_height} {filesize(post.file_size, { bits: true })}</Label> + <Image src={`https://bienvenidoainternet.org/${this.props.dir}/thumb/${post.thumb}`} /> + + </Segment> : null} + <Segment padded> <div className="postMessage" dangerouslySetInnerHTML={{ __html: post.message }} /> - <Icon name="reply" />Responder + <Label attached='bottom right'> + <Icon name="reply" />Responder + <Icon name="exclamation circle" />Reportar + </Label> - <Icon name="exclamation circle" />Reportar </Segment> </Segment.Group> </Segment.Group> |