// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // See License.txt for license information. import $ from 'jquery'; import ReactDOM from 'react-dom'; import {FormattedMessage} from 'react-intl'; import React from 'react'; export default class SettingsUpload extends React.Component { constructor(props) { super(props); this.doFileSelect = this.doFileSelect.bind(this); this.doSubmit = this.doSubmit.bind(this); this.state = { clientError: this.props.clientError, serverError: this.props.serverError, filename: '' }; } componentWillReceiveProps() { this.setState({ clientError: this.props.clientError, serverError: this.props.serverError }); } doFileSelect(e) { e.preventDefault(); var filename = $(e.target).val(); if (filename.substring(3, 11) === 'fakepath') { filename = filename.substring(12); } this.setState({ clientError: '', serverError: '', filename }); } doSubmit(e) { e.preventDefault(); var inputnode = ReactDOM.findDOMNode(this.refs.uploadinput); if (inputnode.files && inputnode.files[0]) { this.props.submit(inputnode.files[0]); } else { this.setState({clientError: true}); } } render() { let clientError = null; if (this.state.clientError) { clientError = (