Manejo de post eliminados

3 files changed, 21 insertions, 7 deletions

diff --git a/src/App.css b/src/App.css
index 9777452..16aba4d 100644
--- a/src/App.css
+++ b/src/App.css
@@ -72,4 +72,9 @@
 
 .ui.comments {
   max-width: none !important;
+}
+
+.deleted {
+  color: rgba(0, 0, 0, 0.4);
+  font-style: italic;
 }
\ No newline at end of file
diff --git a/src/Post.js b/src/Post.js
index e175f91..3ff524b 100644
--- a/src/Post.js
+++ b/src/Post.js
@@ -15,7 +15,20 @@ const ImageModal = ({ href, trigger }) => (
 
 const Post = ({ index, post, locked, dir, threadId }) => {
     if (post.IS_DELETED > 0) {
-        return null;
+        return (
+            <Comment>
+                <Comment.Avatar src={`https://bienvenidoainternet.org/static/css/img/picnicbdy.gif`} />
+                <Comment.Content>
+                    <Comment.Author as='a'>#{index + 1}</Comment.Author>
+                    <Comment.Metadata>
+                        <div><Moment fromNow unix locale="es" date={post.timestamp} /></div>
+                    </Comment.Metadata>
+                    <Comment.Text>
+                        <span className="deleted">Eliminado por el {post.IS_DELETED === 1 ? "usuario." : "Staff."}</span>
+                    </Comment.Text>
+                </Comment.Content>
+            </Comment>
+        );
     }
     console.log(post);
     const filesize = require('filesize');
@@ -33,7 +46,7 @@ const Post = ({ index, post, locked, dir, threadId }) => {
                 <Comment.Author as='a'>#{index + 1} <span className={post.email === "sage" ? "username sage" : "username"}>{post.name}</span><span className="tripcode">{post.tripcode}</span></Comment.Author>
                 <Comment.Metadata>
                     <div><Moment fromNow unix locale="es" date={post.timestamp} /></div>
-                    <div><Icon name="star" />{user_id}</div>
+                    <div><Icon name="star" color={user_id === "CAP_USER*" ? "yellow" : "grey"} />{user_id}</div>
                 </Comment.Metadata>
                 <Comment.Text>
                     {post.file !== "" ?
diff --git a/src/Thread.js b/src/Thread.js
index eb9d63a..be73903 100644
--- a/src/Thread.js
+++ b/src/Thread.js
@@ -76,11 +76,7 @@ class Thread extends Component {
 
                 <Comment.Group>
                     {posts.map((post, index) =>
-                        post.IS_DELETED === 0 ?
-                            (<Post key={index} index={index} post={post} locked={locked} dir={this.props.dir} threadId={id} />) :
-                            (<Segment secondary>
-                                #{index} Eliminado <Moment fromNow unix locale="es" date={post.timestamp} />
-                            </Segment>)
+                        <Post key={index} index={index} post={post} locked={locked} dir={this.props.dir} threadId={id} />
                     )
                     }
                 </Comment.Group>