From 4e9050e3b2a5fed88318bc3b7a600cfb19f7ea80 Mon Sep 17 00:00:00 2001
From: RC <rc.chandru@gmail.com>
Date: Tue, 8 Nov 2016 11:35:05 +0530
Subject: [PATCH] fix(): Fixing the unused props issue with TimelineEvent

---
 components/TimelineEvent.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/TimelineEvent.js b/components/TimelineEvent.js
index 212fb2f..9f253c8 100644
--- a/components/TimelineEvent.js
+++ b/components/TimelineEvent.js
@@ -3,8 +3,7 @@ import s from './styles'
 
 class TimelineEvent extends Component {
 
-  eventNotificationStyle () {
-    const {iconColor} = this.props
+  mergeNotificationStyle (iconColor) {
     if (iconColor) {
       return {...s.eventType, ...{color: iconColor, borderColor: iconColor}}
     } else {
@@ -12,8 +11,7 @@ class TimelineEvent extends Component {
     }
   }
 
-  contentStyle () {
-    const {contentStyle} = this.props
+  mergeContentStyle (contentStyle) {
     if (contentStyle) {
       return {...s.message, ...contentStyle}
     } else {
@@ -24,7 +22,7 @@ class TimelineEvent extends Component {
   render () {
     const {createdAt, title, contentStyle, buttons, icon, iconColor, ...otherProps} = this.props
     return <div style={s.event}>
-      <div style={this.eventNotificationStyle()}>
+      <div style={this.mergeNotificationStyle(iconColor)}>
         <span style={s.materialIcons}>{icon}</span>
       </div>
       <div style={s.eventContent} {...otherProps}>
@@ -33,7 +31,7 @@ class TimelineEvent extends Component {
         <div style={s.title}>{title}</div>
         <div style={s.actionButtons}>{buttons}</div>
         <div style={{clear: 'both', marginBottom: 10}} />
-        <div style={this.contentStyle()}>
+        <div style={this.mergeContentStyle(contentStyle)}>
           {this.props.children}
           <div style={s.messageAfter} />
         </div>