events page is updated with meetup api (WIP)

coderplex-org · vinaypuppal · Oct 17, 2017 · Sep 22, 2017 · Oct 6, 2017 · Oct 12, 2017
commit 824651d0ba4952ed9f127b93541b70c88cb3d941
diff --git a/common/urls.js b/common/urls.js
@@ -0,0 +1,4 @@
+const pastEventsMeetupURL =
+  'https://api.meetup.com/freeCodeCamp-Hyderabad/events?desc=1&photo-host=public&page=100&sig_id=216741149&status=past&sig=1c4bfe2215a979755e5f59989ff43edb0351f687';
+
+export default pastEventsMeetupURL;
diff --git a/components/icon.js b/components/icon.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-export default () =>
+export default () => (
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
     <path
       fill="#6B4841"
@@ -45,4 +45,5 @@ export default () =>
         height: 200px;
       }
     `}</style>
-  </svg>;
+  </svg>
+);
diff --git a/components/row-events.js b/components/row-events.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { Card, Icon } from 'semantic-ui-react';
+
+const convertTime = time => {
+  const date = new Date(time);
+  return date.toDateString();
+};
+
+const RowEvent = props => (
+  <Card fluid>
+    <Card.Content>
+      <Card.Header>{props.name}</Card.Header>
+      <Card.Meta>{convertTime(props.time)}</Card.Meta>
+      {/* <Card.Description as="string">{props.description}</Card.Description> */}
+    </Card.Content>
+    <Card.Content extra>
+      <Icon circular name="users" />
+      {`${props.yesCount} attended`}
+    </Card.Content>
+  </Card>
+);
+
+export default RowEvent;