From a150cbcef61a0dc3bba2836a3b47037621ecc848 Mon Sep 17 00:00:00 2001
From: Renard
Date: Fri, 27 Sep 2019 15:37:46 -0300
Subject: Añadido: Changelog

---
 src/Home.js | 57 +++++++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 43 insertions(+), 14 deletions(-)

(limited to 'src/Home.js')

diff --git a/src/Home.js b/src/Home.js
index 5685d3b..858ce0f 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -1,9 +1,9 @@
 import React, { Component } from "react";
-import { List, Header, Icon, Loader, Grid, Image } from "semantic-ui-react";
+import { Link } from "@reach/router";
+import { List, Header, Loader, Grid, Image } from "semantic-ui-react";
 import Moment from "react-moment";
 import "moment/locale/es";
-
-import { Link } from "@reach/router";
+import { Changelog } from "./Changelog";
 
 class Home extends Component {
   constructor() {
@@ -201,22 +201,51 @@ class Home extends Component {
               </List>
             </Grid.Column>
           </Grid.Row>
-          <Grid.Row columns={1}>
+          <Grid.Row columns={2}>
+            <Grid.Column>
+              <Header as="h4" inverted={nightMode}>
+                Changelog
+              </Header>
+              <List inverted={nightMode}>
+                <List.Item>
+                  <Moment fromNow unix date={Changelog[0].timestamp} />
+                  <List.List>
+                    {Changelog[0].list.map((c, e) => (
+                      <List.Item key={e}>
+                        <List.Icon name={c.icon} />
+                        <List.Content>{c.desc}</List.Content>
+                      </List.Item>
+                    ))}
+                  </List.List>
+                </List.Item>
+              </List>
+              <Link to="/changelog">Ver más</Link>
+            </Grid.Column>
             <Grid.Column>
               <Header as="h4" inverted={nightMode}>
                 Blotter
               </Header>
               <List divided inverted={nightMode}>
-                {latestNews.map(n => (
-                  <List.Item key={n.timestamp}>
-                    <List.Content>
-                      <div dangerouslySetInnerHTML={{ __html: n.message }} />
-                      <small>
-                        <Moment fromNow unix locale="es" date={n.timestamp} />
-                      </small>
-                    </List.Content>
-                  </List.Item>
-                ))}
+                {latestNews.map(
+                  (n, i) =>
+                    i < 3 && (
+                      <List.Item key={n.timestamp}>
+                        <List.Content>
+                          <div
+                            dangerouslySetInnerHTML={{ __html: n.message }}
+                          />
+                          <small>
+                            <Moment
+                              fromNow
+                              unix
+                              locale="es"
+                              date={n.timestamp}
+                            />
+                          </small>
+                        </List.Content>
+                      </List.Item>
+                    )
+                )}
               </List>
             </Grid.Column>
           </Grid.Row>
-- 
cgit v1.2.1-18-gbd029