/*
* == BSD2 LICENSE ==
* Copyright (c) 2014-2016, Tidepool Project
*
* This program is free software; you can redistribute it and/or modify it under
* the terms of the associated License, which is identical to the BSD 2-Clause
* License as published by the Open Source Initiative at opensource.org.
*
* This program is distributed in the hope that it will be useful, but WITHOUT
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the License for more details.
*
* You should have received a copy of the License along with this program; if
* not, you can obtain one from Tidepool Project at tidepool.org.
* == BSD2 LICENSE ==
*/

import React, { Component, PropTypes } from 'react';

import styles from '../../styles/components/VersionCheck.module.less';

export default class UpdatePlease extends Component {
  static propTypes = {
    knowledgeBaseLink: PropTypes.string.isRequired,
    updateText: PropTypes.object.isRequired
  };

  static defaultProps = {
    updateText: {
      NEEDS_UPDATED: 'This uploader needs to be updated',
      IMPROVEMENTS: 'because we made some improvements!'
    }
  };

  render() {
    const { knowledgeBaseLink, updateText } = this.props;
    return (
      <div className="VersionCheck VersionCheck--outdated">
        <div className="VersionCheck-text">
          <p>{updateText.NEEDS_UPDATED}</p>
          <p>{updateText.IMPROVEMENTS}</p>
          <p className='most-important'>
            Follow <a href={knowledgeBaseLink} target="_blank">these instructions</a> to do so.
          </p>
        </div>
      </div>
    );
  }
};

@@ -1269,22 +1269,17 @@
 ame=
-%22VersionCheck 
+%7Bstyles%5B'
 Vers
@@ -1296,17 +1296,19 @@
 outdated
-%22
+'%5D%7D
 %3E%0A      
@@ -1324,17 +1324,25 @@
 assName=
-%22
+%7Bstyles%5B'
 VersionC
@@ -1350,17 +1350,19 @@
 eck-text
-%22
+'%5D%7D
 %3E%0A      

update for VersionCheck