From 0b78dae20afb108764f5caedabf94f54818d5c07 Mon Sep 17 00:00:00 2001
From: Renard
Date: Thu, 12 Sep 2019 13:19:22 -0300
Subject: Manejo de hilos cerrados

---
 src/App.css      |  4 ++++
 src/BBSThread.js | 22 ++++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/App.css b/src/App.css
index 2b19b24..3342107 100644
--- a/src/App.css
+++ b/src/App.css
@@ -7,4 +7,8 @@
 .inlineSubHeader {
   display: inline !important;
   margin-left: 0.25em !important;
+}
+
+.imageSegment {
+  padding: 0 !important;
 }
\ No newline at end of file
diff --git a/src/BBSThread.js b/src/BBSThread.js
index 905628f..dba48df 100644
--- a/src/BBSThread.js
+++ b/src/BBSThread.js
@@ -57,14 +57,20 @@ class BBSThread extends Component {
             );
         }
 
-        const { posts, subject, timestamp, total_replies } = this.state.thread;
+        const { posts, subject, timestamp, total_replies, locked } = this.state.thread;
 
         return (
             <div>
-                <Header as="h2">{subject}
+                <Header as="h2">
+                    <Header.Content className="postMessage">
+                        {subject}{locked ? <Icon name='lock' /> : null}
+                    </Header.Content>
+
                     <Header.Subheader>
+
                         Creado <Moment fromNow unix locale="es" date={timestamp} /><br />
-                        {total_replies} respuestas
+                        {total_replies} respuestas<br />
+
                     </Header.Subheader>
                 </Header>
 
@@ -80,17 +86,17 @@ class BBSThread extends Component {
 
                             <Segment.Group horizontal>
                                 {post.file != "" ?
-                                    <Segment padded compact>
+                                    <Segment padded compact className="imageSegment">
                                         <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 }} />
-                                    <Label attached='bottom right'>
-                                        <Icon name="reply" />Responder
-                                        <Icon name="exclamation circle" />Reportar
-                                    </Label>
+                                    {locked ? null :
+                                        (<Label attached='bottom right'>
+                                            <Icon name="reply" />Responder
+                                    </Label>)}
 
                                 </Segment>
                             </Segment.Group>
-- 
cgit v1.2.1-18-gbd029