Add prop to customise to Text style of timestamps (#942)

* Add prop to customise to Text style of rendering times * fix(Time) linting and test snapshot issues
FaridSafi · Sep 6, 2018 · 96f8cf8 · 96f8cf8
1 parent a44cd24
commit 96f8cf8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/Time.js b/src/Time.js
@@ -9,10 +9,13 @@ import moment from 'moment';
 import Color from './Color';
 import { TIME_FORMAT } from './Constant';
 
-export default function Time({ position, containerStyle, currentMessage, timeFormat, textStyle }, context) {
+export default function Time(
+  { position, containerStyle, currentMessage, timeFormat, textStyle, timeTextStyle },
+  context,
+) {
   return (
     <View style={[styles[position].container, containerStyle[position]]}>
-      <Text style={[styles[position].text, textStyle[position]]}>
+      <Text style={[styles[position].text, textStyle[position], timeTextStyle[position]]}>
         {moment(currentMessage.createdAt)
           .locale(context.getLocale())
           .format(timeFormat)}
@@ -66,6 +69,7 @@ Time.defaultProps = {
   containerStyle: {},
   textStyle: {},
   timeFormat: TIME_FORMAT,
+  timeTextStyle: {},
 };
 
 Time.propTypes = {
@@ -80,4 +84,8 @@ Time.propTypes = {
     right: Text.propTypes.style,
   }),
   timeFormat: PropTypes.string,
+  timeTextStyle: PropTypes.shape({
+    left: Text.propTypes.style,
+    right: Text.propTypes.style,
+  }),
 };
diff --git a/src/__tests__/__snapshots__/Time.test.js.snap b/src/__tests__/__snapshots__/Time.test.js.snap
@@ -26,6 +26,7 @@ exports[`should render <Time /> and compare with snapshot 1`] = `
           "textAlign": "right",
         },
         undefined,
+        undefined,
       ]
     }
   >