From fe50ab968540b3b4172fc6038eaac64bdff37d4c Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@aalto.fi>
Date: Sat, 17 Nov 2018 15:07:31 +0200
Subject: [PATCH] Create orange PageSection

---
 src/components/PageSection/PageSection.scss | 5 +++++
 src/components/PageSection/PageSection.tsx  | 2 ++
 src/pages/FrontPage/FrontPage.tsx           | 8 ++++++--
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/PageSection/PageSection.scss b/src/components/PageSection/PageSection.scss
index 1f9c47b..0fe4314 100644
--- a/src/components/PageSection/PageSection.scss
+++ b/src/components/PageSection/PageSection.scss
@@ -20,4 +20,9 @@
     background-color: $white;
     color: $dark-blue;
   }
+
+  &.orange {
+    background-color: $orange1;
+    color: $white;
+  }
 }
diff --git a/src/components/PageSection/PageSection.tsx b/src/components/PageSection/PageSection.tsx
index 2e67f97..3f85e90 100644
--- a/src/components/PageSection/PageSection.tsx
+++ b/src/components/PageSection/PageSection.tsx
@@ -4,6 +4,7 @@ import "./PageSection.scss";
 export enum BackgroundColor {
   DarkBlue,
   White,
+  Orange,
 }
 
 export interface PageSectionProps {
@@ -14,6 +15,7 @@ export interface PageSectionState {}
 const colors = new Map<BackgroundColor, string>([
   [BackgroundColor.DarkBlue, "dark-blue"],
   [BackgroundColor.White, "white"],
+  [BackgroundColor.Orange, "orange"],
 ]);
 
 class PageSection extends React.Component<PageSectionProps, PageSectionState> {
diff --git a/src/pages/FrontPage/FrontPage.tsx b/src/pages/FrontPage/FrontPage.tsx
index 9b38d1a..e430452 100644
--- a/src/pages/FrontPage/FrontPage.tsx
+++ b/src/pages/FrontPage/FrontPage.tsx
@@ -83,14 +83,18 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
           {events.map(event => (
             <Card
               title={event.title}
+              start_time={event.start_time}
               text={event.description}
               key={event.id}
               image={BeerImage}
             />
           ))}
         </PageSection>
-        <PageSection backgroundColor={PageSectionColor.DarkBlue}>
-          Märkää
+        <PageSection backgroundColor={PageSectionColor.Orange}>
+          Sössöä vuodesta 1969. Lue opiskelijalehden viimeisin numero ›
+        </PageSection>
+        <PageSection backgroundColor={PageSectionColor.White}>
+          Uutiset
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.White}>
           Sponssit