From d827192d72433258e04d17d4786d7d0b0ed46dd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Odziemczyk?= <koxen@users.noreply.github.com>
Date: Wed, 14 Mar 2018 20:58:24 +0100
Subject: [PATCH] Optimize formatted_time.js (#1503)

* Optimize formatted_time.js

* trailing commas

* export default class
---
 app/components/formatted_time.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/app/components/formatted_time.js b/app/components/formatted_time.js
index cb6c95998..2d1e4d750 100644
--- a/app/components/formatted_time.js
+++ b/app/components/formatted_time.js
@@ -3,28 +3,35 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import {injectIntl, intlShape} from 'react-intl';
 import {Text} from 'react-native';
 
-class FormattedTime extends React.PureComponent {
+export default class FormattedTime extends React.PureComponent {
     static propTypes = {
-        intl: intlShape.isRequired,
         value: PropTypes.any.isRequired,
-        format: PropTypes.string,
         children: PropTypes.func,
+        hour12: PropTypes.bool,
     };
 
     render() {
         const {
-            intl,
             value,
             children,
-            ...props
+            hour12,
         } = this.props;
 
-        Reflect.deleteProperty(props, 'format');
+        const date = new Date(value);
+        const militaryTime = !hour12;
 
-        const formattedTime = intl.formatDate(value, {...props, hour: 'numeric', minute: 'numeric'});
+        const hour = militaryTime ? date.getHours() : (date.getHours() % 12 || 12);
+        let minute = date.getMinutes();
+        minute = minute >= 10 ? minute : ('0' + minute);
+        let time = '';
+
+        if (!militaryTime) {
+            time = (date.getHours() >= 12 ? ' PM' : ' AM');
+        }
+
+        const formattedTime = hour + ':' + minute + time;
 
         if (typeof children === 'function') {
             return children(formattedTime);
@@ -33,5 +40,3 @@ class FormattedTime extends React.PureComponent {
         return <Text>{formattedTime}</Text>;
     }
 }
-
-export default injectIntl(FormattedTime);