Prettier

1 files changed, 100 insertions, 76 deletions

diff --git a/src/Board.js b/src/Board.js
index 11a2493..514687b 100644
--- a/src/Board.js
+++ b/src/Board.js
@@ -1,92 +1,116 @@
 import React, { Component } from "react";
-import { Loader, Message, Segment, Header, Image, Comment, Divider } from "semantic-ui-react";
+import {
+  Loader,
+  Message,
+  Segment,
+  Header,
+  Image,
+  Comment,
+  Divider
+} from "semantic-ui-react";
 import { Link } from "@reach/router";
 import Moment from "react-moment";
 import "moment/locale/es";
 import Post from "./Post";
 class Board extends Component {
-    constructor() {
-        super();
-        this.state = {
-            isLoaded: false,
-            threadList: [],
-            error: null
-        }
-    }
+  constructor() {
+    super();
+    this.state = {
+      isLoaded: false,
+      threadList: [],
+      error: null
+    };
+  }
 
-    componentDidMount() {
-        fetch(`https://bienvenidoainternet.org/cgi/api/list?dir=${this.props.dir}&replies=5&limit=10`)
-            .then((response) => {
-                return response.json();
-            })
-            .then((resource) => {
-                if (resource["state"] === "error") {
-                    this.setState({ error: resource });
-                }
-                this.setState({ isLoaded: true, threadList: resource["threads"] })
-            })
-            .catch(console.error)
-    }
+  componentDidMount() {
+    fetch(
+      `https://bienvenidoainternet.org/cgi/api/list?dir=${this.props.dir}&replies=5&limit=10`
+    )
+      .then(response => {
+        return response.json();
+      })
+      .then(resource => {
+        if (resource["state"] === "error") {
+          this.setState({ error: resource });
+        }
+        this.setState({ isLoaded: true, threadList: resource["threads"] });
+      })
+      .catch(console.error);
+  }
 
-    componentWillUnmount() {
-        console.log("will unmount")
-    }
+  componentWillUnmount() {
+    console.log("will unmount");
+  }
 
-    componentDidUpdate(prevProps) {
-        // Uso tipico (no olvides de comparar los props):
-        if (this.props.dir !== prevProps.dir) {
-            this.setState({
-                isLoaded: false,
-                threadList: [],
-                error: null
-            })
-            this.componentDidMount();
-        }
+  componentDidUpdate(prevProps) {
+    // Uso tipico (no olvides de comparar los props):
+    if (this.props.dir !== prevProps.dir) {
+      this.setState({
+        isLoaded: false,
+        threadList: [],
+        error: null
+      });
+      this.componentDidMount();
     }
+  }
 
-    render() {
-        const { isLoaded, error, threadList } = this.state;
+  render() {
+    const { isLoaded, error, threadList } = this.state;
 
-        if (error != null) {
-            return (
-                <div>
-                    <Message negative>
-                        <Message.Header>API Status: {error.state}</Message.Header>
-                        <p>{error.message}</p>
-                    </Message>
-                </div>
-            );
-        }
-
-        if (!isLoaded) {
-            return (
-                <Loader active centered="true" >
-                    Cargando ...
-                </Loader >
-            )
-        }
+    if (error != null) {
+      return (
+        <div>
+          <Message negative>
+            <Message.Header>API Status: {error.state}</Message.Header>
+            <p>{error.message}</p>
+          </Message>
+        </div>
+      );
+    }
 
-        return (
-            <div>
-                {threadList.map(thread =>
-                    <Segment.Group>
-                        <Header as="h4" attached>
-                            <Link to={`/${this.props.dir}/read/${thread.id}`}>{thread.subject}</Link>
-                        </Header>
-                        <Segment>
-                            <Comment.Group>
-                                <Post index={0} post={thread} locked={thread.locked} threadId={thread.id} dir={this.props.dir} />
-                                <Divider />
-                                {thread.replies.map((reply, index, replies) =>
-                                    <Post index={thread.total_replies - replies.length + index + 1} post={reply} locked={thread.locked} threadId={thread.id} dir={this.props.dir} />
-                                )}
-                            </Comment.Group>
-                        </Segment>
-                    </Segment.Group>
-                )}
-            </div>
-        );
+    if (!isLoaded) {
+      return (
+        <Loader active centered="true">
+          Cargando ...
+        </Loader>
+      );
     }
+
+    return (
+      <div>
+        {threadList.map(thread => (
+          <Segment.Group>
+            <Header as="h4" attached>
+              <Link to={`/${this.props.dir}/read/${thread.id}`}>
+                {thread.subject}
+              </Link>
+            </Header>
+            <Segment>
+              <Comment.Group>
+                <Post
+                  index={0}
+                  post={thread}
+                  locked={thread.locked}
+                  threadId={thread.id}
+                  dir={this.props.dir}
+                />
+                <Divider />
+                {thread.replies.map((reply, index, replies) => (
+                  <Post
+                    index={thread.total_replies - replies.length + index + 1}
+                    post={reply}
+                    locked={thread.locked}
+                    threadId={thread.id}
+                    dir={this.props.dir}
+                  />
+                ))}
+              </Comment.Group>
+            </Segment>
+          </Segment.Group>
+        ))}
+      </div>
+    );
+  }
 }
 
-export default Board;
\ No newline at end of file
+export default Board;