From a6102e27d48d00fcc733c4d16754961903a239e0 Mon Sep 17 00:00:00 2001
From: Elias Nahum <nahumhbl@gmail.com>
Date: Sun, 31 Jan 2016 22:03:30 -0300
Subject: PLT-7: Refactoring frontend (chunk 8) - Sidebar and related
 components - Small Tweak to demotion and add msg for terminal cmd

---
 web/react/components/about_build_modal.jsx | 65 +++++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 10 deletions(-)

(limited to 'web/react/components/about_build_modal.jsx')

diff --git a/web/react/components/about_build_modal.jsx b/web/react/components/about_build_modal.jsx
index f70027498..fe48bb48e 100644
--- a/web/react/components/about_build_modal.jsx
+++ b/web/react/components/about_build_modal.jsx
@@ -3,6 +3,8 @@
 
 var Modal = ReactBootstrap.Modal;
 
+import {FormattedMessage} from 'mm-intl';
+
 export default class AboutBuildModal extends React.Component {
     constructor(props) {
         super(props);
@@ -17,13 +19,28 @@ export default class AboutBuildModal extends React.Component {
         const config = global.window.mm_config;
         const license = global.window.mm_license;
 
-        let title = 'Team Edition';
+        let title = (
+            <FormattedMessage
+                id='about.teamEdtion'
+                defaultMessage='Team Edition'
+            />
+        );
         let licensee;
         if (config.BuildEnterpriseReady === 'true' && license.IsLicensed === 'true') {
-            title = 'Enterprise Edition';
+            title = (
+                <FormattedMessage
+                    id='about.enterpriseEdition'
+                    defaultMessage='Enterprise Edition'
+                />
+            );
             licensee = (
                 <div className='row form-group'>
-                    <div className='col-sm-3 info__label'>{'Licensed by:'}</div>
+                    <div className='col-sm-3 info__label'>
+                        <FormattedMessage
+                            id='about.licensed'
+                            defaultMessage='Licensed by:'
+                        />
+                    </div>
                     <div className='col-sm-9'>{license.Company}</div>
                 </div>
             );
@@ -35,25 +52,50 @@ export default class AboutBuildModal extends React.Component {
                 onHide={this.doHide}
             >
                 <Modal.Header closeButton={true}>
-                    <Modal.Title>{'About Mattermost'}</Modal.Title>
+                    <Modal.Title>
+                        <FormattedMessage
+                            id='about.title'
+                            defaultMessage='About Mattermost'
+                        />
+                    </Modal.Title>
                 </Modal.Header>
                 <Modal.Body>
-                    <h4>{`Mattermost ${title}`}</h4>
+                    <h4>{'Mattermost'} {title}</h4>
                     {licensee}
                     <div className='row form-group'>
-                        <div className='col-sm-3 info__label'>{'Version:'}</div>
+                        <div className='col-sm-3 info__label'>
+                            <FormattedMessage
+                                id='about.version'
+                                defaultMessage='Version:'
+                            />
+                        </div>
                         <div className='col-sm-9'>{config.Version}</div>
                     </div>
                     <div className='row form-group'>
-                        <div className='col-sm-3 info__label'>{'Build Number:'}</div>
+                        <div className='col-sm-3 info__label'>
+                            <FormattedMessage
+                                id='about.number'
+                                defaultMessage='Build Number:'
+                            />
+                        </div>
                         <div className='col-sm-9'>{config.BuildNumber}</div>
                     </div>
                     <div className='row form-group'>
-                        <div className='col-sm-3 info__label'>{'Build Date:'}</div>
+                        <div className='col-sm-3 info__label'>
+                            <FormattedMessage
+                                id='about.date'
+                                defaultMessage='Build Date:'
+                            />
+                        </div>
                         <div className='col-sm-9'>{config.BuildDate}</div>
                     </div>
                     <div className='row form-group'>
-                        <div className='col-sm-3 info__label'>{'Build Hash:'}</div>
+                        <div className='col-sm-3 info__label'>
+                            <FormattedMessage
+                                id='about.hash'
+                                defaultMessage='Build Hash:'
+                            />
+                        </div>
                         <div className='col-sm-9'>{config.BuildHash}</div>
                     </div>
                 </Modal.Body>
@@ -63,7 +105,10 @@ export default class AboutBuildModal extends React.Component {
                         className='btn btn-default'
                         onClick={this.doHide}
                     >
-                        {'Close'}
+                        <FormattedMessage
+                            id='about.close'
+                            defaultMessage='Close'
+                        />
                     </button>
                 </Modal.Footer>
             </Modal>
-- 
cgit v1.2.3-1-g7c22

