awx/src/contexts/Config.jsx

import React, { Component } from 'react';

import { withNetwork } from './Network';

const ConfigContext = React.createContext({});

class Provider extends Component {
  constructor (props) {
    super(props);

    this.state = {
      value: {
        ansible_version: null,
        custom_virtualenvs: null,
        version: null,
        custom_logo: null,
        custom_login_info: null,
        me: {},
        ...props.value
      }
    };

    this.fetchConfig = this.fetchConfig.bind(this);
    this.fetchMe = this.fetchMe.bind(this);
    this.updateConfig = this.updateConfig.bind(this);
  }

  componentDidMount () {
    const { value } = this.props;
    if (!value) {
      this.fetchConfig();
    }
  }

  updateConfig = (config) => {
    const {
      ansible_version,
      custom_virtualenvs,
      version
    } = config;

    this.setState(prevState => ({
      value: {
        ...prevState.value,
        ansible_version,
        custom_virtualenvs,
        version
      },
    }));
  }

  async fetchMe () {
    const { api, handleHttpError } = this.props;
    try {
      const { data: { results: [me] } } = await api.getMe();
      this.setState(prevState => ({
        value: {
          ...prevState.value,
          me
        },
      }));
    } catch (err) {
      handleHttpError(err) || this.setState({
        value: {
          ansible_version: null,
          custom_virtualenvs: null,
          version: null,
          custom_logo: null,
          custom_login_info: null,
          me: {}
        }
      });
    }
  }

  async fetchConfig () {
    const { api, handleHttpError } = this.props;

    try {
      const {
        data: {
          ansible_version,
          custom_virtualenvs,
          version
        }
      } = await api.getConfig();
      const {
        data: {
          custom_logo,
          custom_login_info
        }
      } = await api.getRoot();
      const { data: { results: [me] } } = await api.getMe();
      this.setState({
        value: {
          ansible_version,
          custom_virtualenvs,
          version,
          custom_logo,
          custom_login_info,
          me
        }
      });
    } catch (err) {
      handleHttpError(err) || this.setState({
        value: {
          ansible_version: null,
          custom_virtualenvs: null,
          version: null,
          custom_logo: null,
          custom_login_info: null,
          me: {}
        }
      });
    }
  }

  render () {
    const { value } = this.state;

    const { children } = this.props;

    return (
      <ConfigContext.Provider
        value={{
          ...value,
          fetchMe: this.fetchMe,
          updateConfig: this.updateConfig
        }}
      >
        {children}
      </ConfigContext.Provider>
    );
  }
}

export const ConfigProvider = withNetwork(Provider);

export const Config = ({ children }) => (
  <ConfigContext.Consumer>
    {value => children(value)}
  </ConfigContext.Consumer>
);