diff options
| author |  Renard
| 2019-09-12 12:49:30 -0300 |
|---|---|---|
| committer | Renard
| 2019-09-12 12:49:30 -0300 |
| commit | 6c1353ac49a09ef33707083f7c23919567bc2ae2 (patch) | |
| tree | a60a33e8f0ed64c81599ab70e7c45fefe3d1c1a2 /src/BBSThread.js | |
| parent | 8ea1b415d5c288908d687e6ee8d0c275089b1039 (diff) | |
| download | bai-client-6c1353ac49a09ef33707083f7c23919567bc2ae2.tar.gz bai-client-6c1353ac49a09ef33707083f7c23919567bc2ae2.tar.xz bai-client-6c1353ac49a09ef33707083f7c23919567bc2ae2.zip | |
Información de imagen adjunta
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> |