1 files changed, 37 insertions, 0 deletions
diff --git a/src/ChangelogPage.js b/src/ChangelogPage.js
new file mode 100644
index 0000000..6927ef8
--- /dev/null
+++ b/src/ChangelogPage.js
@@ -0,0 +1,37 @@
+import React from "react";
+import { Segment, Header, List } from "semantic-ui-react";
+import { Changelog } from "./Changelog";
+import Moment from "react-moment";
+import "moment/locale/es";
+
+const ChangeLogPage = ({ nightMode }) => {
+  return (
+    <Segment inverted={nightMode}>
+      <Header>Changelog</Header>
+      <List inverted={nightMode}>
+        {Changelog.map(date => {
+          return (
+            <List.Item key={date.timestamp}>
+              <List.Header>
+                <Moment unix date={date.timestamp} format="DD/MM/YY " />
+                <small>
+                  <Moment unix date={date.timestamp} fromNow />
+                </small>
+              </List.Header>
+              <List.List>
+                {date.list.map((change, i) => (
+                  <List.Item key={i}>
+                    <List.Icon name={change.icon}></List.Icon>
+                    <List.Content>{change.desc}</List.Content>
+                  </List.Item>
+                ))}
+              </List.List>
+            </List.Item>
+          );
+        })}
+      </List>
+    </Segment>
+  );
+};
+
+export default ChangeLogPage;