From 279cd2a594bad67591fee4a52a0fec81d302e413 Mon Sep 17 00:00:00 2001
From: Toni L <toni.lyttinen@aalto.fi>
Date: Tue, 30 Mar 2021 17:59:34 +0300
Subject: [PATCH] added location, start time and end time for event render with
 epic style boi

---
 src/views/EventPage/EventPageView.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/views/EventPage/EventPageView.tsx b/src/views/EventPage/EventPageView.tsx
index 343fc06..0f87d7a 100644
--- a/src/views/EventPage/EventPageView.tsx
+++ b/src/views/EventPage/EventPageView.tsx
@@ -24,6 +24,14 @@ const StyledTextSection = styled(TextSection)`
       color: ${colors.orange1};
     }
   }
+
+  time {
+    p {
+      font-size: 0.9rem;
+      font-weight: bold;
+      line-height: 0.4rem;
+    }
+  }
 `;
 
 const SignupButtons = styled.div`
@@ -38,6 +46,8 @@ const Content = styled(MarkdownStyles)`
 
 const EventPageView: React.FC<EventPageViewProps> = ({ event }) => {
   if (!event) return <LoadingView />;
+  const date_start = new Date(event.start_time).toLocaleString("fi-FI");
+  const date_end = new Date(event.end_time).toLocaleString("fi-FI");
   return (
     <StyledTextSection>
       <h1>
@@ -55,6 +65,11 @@ const EventPageView: React.FC<EventPageViewProps> = ({ event }) => {
       </h1>
       <div>
         <Content source={event.content_fi} escapeHtml={false} />
+        <time>
+          <p>Paikka: {event.location_fi}</p>
+          <p>Alkaa: {date_start}</p>
+          <p>Päättyy: {date_end}</p>
+        </time>
         {/* We may have multiple signup forms. Generate own Button for each one */}
         <SignupButtons>
           {event.signupForm.map((sf) => (