diff options
| -rw-r--r-- | src/App.css | 4 | ||||
| -rw-r--r-- | src/BBSThread.js | 22 |
2 files changed, 18 insertions, 8 deletions
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> |