import React from 'react';
import {withNamespaces} from 'react-i18next';

import {withTheme, injectSheet} from '../../lib/theme';

const styling = theme => ({});

const initialState = {
    data: {},
    loaded: false
};

class ArticleDetailHelp extends React.Component {

    state = initialState;

    componentWillUnmount() {
        this.setState(initialState);
    }

    fetch() {
        this.setState({loaded: 'progress'});
    }

    componentDidUpdate(prevProps) {
    }

    componentDidMount() {
        this.fetch();
    }

    render() {
        //const {t} = this.props;

        return (
            <React.Fragment>
                {
                    ('progress' === this.state.loaded || 'error' === this.state.loaded ?
                        null :
                        null)
                }
            </React.Fragment>
        )
    };
}

export default withNamespaces('page--content-article')(withTheme(injectSheet(styling)(ArticleDetailHelp)));