From 6de0534bf9ad192520ebe0940c3723e8e693e1e3 Mon Sep 17 00:00:00 2001
From: Tom Hacohen <tom@stosb.com>
Date: Fri, 8 Dec 2017 20:28:22 +0000
Subject: [PATCH] Also change the background colour in the view event page.

---
 src/Event.tsx         | 2 +-
 src/PimItemHeader.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Event.tsx b/src/Event.tsx
index 8abc95e..275aab8 100644
--- a/src/Event.tsx
+++ b/src/Event.tsx
@@ -53,7 +53,7 @@ class Event extends React.Component {
 
     return (
       <React.Fragment>
-        <PimItemHeader text={this.props.event.summary}>
+        <PimItemHeader text={this.props.event.summary} backgroundColor={this.props.event.color}>
           <div>{formatDateRange(this.props.event.startDate, this.props.event.endDate)}</div>
           <br/>
           <div><u>{this.props.event.location}</u></div>
diff --git a/src/PimItemHeader.tsx b/src/PimItemHeader.tsx
index 544883a..2ab4dc2 100644
--- a/src/PimItemHeader.tsx
+++ b/src/PimItemHeader.tsx
@@ -2,10 +2,10 @@ import * as React from 'react';
 
 import { getPalette } from './App';
 
-export default (props: {text: string, children?: any}) => {
+export default (props: {text: string, backgroundColor?: string, children?: any}) => {
     const style = {
       header: {
-        backgroundColor: getPalette('accent1Color'),
+        backgroundColor: (props.backgroundColor !== undefined) ? props.backgroundColor : getPalette('accent1Color'),
         color: getPalette('alternateTextColor'),
         padding: 15,
       },