diff --git a/src/components/Github.js b/src/components/Github.js
index 15abaaf..aa33e0d 100644
--- a/src/components/Github.js
+++ b/src/components/Github.js
@@ -51,6 +51,8 @@ class Github extends React.Component {
if (this.props.repos.length > 0) {
// Render each repo
const render = this.props.repos.map((repo) =>{
+ let updated = (new Date (repo.updated_at)).toLocaleString();
+ let created = (new Date (repo.created_at)).toLocaleString();
return (
@@ -74,6 +76,11 @@ class Github extends React.Component {
this.renderLanguages(repo.name) // Render each language for the repo
}
+
+ Last Updated: {updated}
+
+ Created: {created}
+
);
diff --git a/src/components/css/Github.css b/src/components/css/Github.css
index 034044d..8173495 100644
--- a/src/components/css/Github.css
+++ b/src/components/css/Github.css
@@ -61,7 +61,7 @@
.repo .description {
flex-grow: 1;
- padding:10px;
+ padding:5px;
}
.repo .languages {
@@ -82,6 +82,14 @@
color: #DAD4DF;
}
+.repo .times {
+ padding: 5px;
+ margin: 2px;
+ margin-left: 5px;
+ width: 100%;
+ text-align: start;
+}
+
.content {
margin: 25px;
text-align: center;