coderplex-org
diff --git a/‎common/urls.js
Lines changed: 4 additions & 0 deletions b/‎common/urls.js
Lines changed: 4 additions & 0 deletions
diff --git a/‎components/icon.js
Lines changed: 3 additions & 2 deletions b/‎components/icon.js
Lines changed: 3 additions & 2 deletions
diff --git a/‎components/row-events.js
Lines changed: 23 additions & 0 deletions b/‎components/row-events.js
Lines changed: 23 additions & 0 deletions
@@ -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;
@@ -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>
+);
@@ -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;