From cd50cf8f67934db3ec57287f1a8d87bbe572c7d7 Mon Sep 17 00:00:00 2001 From: Divyesh Puri Date: Fri, 21 Dec 2018 20:41:45 +0530 Subject: [PATCH] Modified Event page as per Mocks --- src/components/event/index.js | 47 +++++++++++++++++++++-------------- src/css/EventDetail.css | 18 ++++++++------ 2 files changed, 39 insertions(+), 26 deletions(-) diff --git a/src/components/event/index.js b/src/components/event/index.js index a4c6f75..f86b05c 100644 --- a/src/components/event/index.js +++ b/src/components/event/index.js @@ -24,27 +24,14 @@ class Event extends React.Component { return
- -
-
{this.props.user ? ( - isRegistered ? : - ) : - 'Please log in to register!'} -
- -
-
-
-
{event.name}
-
PRIZE WORTH: {event['prize-worth']}
+
{event.name}
+
PRIZE WORTH: {event['prize-worth']}
TEAM SIZE: {event['team-size']}
VENUE: {event['venue']}
DATE: {event['start-time'].slice(0,11)}
TIME: {event['start-time'].slice(11)} - {event['end-time'].slice(11)}
- Contacts: +

Contacts :

{Object.keys(event.contact).map(role =>
{event.contact[role].name} ({event.contact[role].role})
@@ -52,15 +39,37 @@ class Event extends React.Component {
)}
-

{event.description}

+
+
+ +
+
{this.props.user ? ( + isRegistered ? : + ) : + 'Please log in to register!'} +
+ this.props.history.push('/')}> Back to Events + +
+
+
+
+
Rules
    {event.rules.map((rule, idx) =>
  • )} + key={idx} dangerouslySetInnerHTML={{__html: rule}}/>)}
- +
+
+
+
+
+
Description
+

{event.description}

diff --git a/src/css/EventDetail.css b/src/css/EventDetail.css index b782e86..538d290 100644 --- a/src/css/EventDetail.css +++ b/src/css/EventDetail.css @@ -54,12 +54,7 @@ } .go-back { - border: 1px solid #FF6E2C; - padding: 10px 14px; - background-color: transparent; - color: white; cursor: pointer; - white-space: nowrap; } .space { @@ -67,8 +62,7 @@ } .contacts { - border-left: 3px solid #FF6E2C; - padding-left: 8px; + color: white; } .header-rules { @@ -100,3 +94,13 @@ top: 0; color: #FF6E2C; } + +.event-name { + color: white; + font-size: 3rem; + font-style: italic; +} + +.divider { + height: 100%; +} \ No newline at end of file