From 6c1353ac49a09ef33707083f7c23919567bc2ae2 Mon Sep 17 00:00:00 2001
From: Renard
Date: Thu, 12 Sep 2019 12:49:30 -0300
Subject: Información de imagen adjunta

---
 src/BBSThread.js | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

(limited to 'src/BBSThread.js')

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>
-- 
cgit v1.2.1-18-gbd029