d2-ui/packages/favorites/src/FavoritesDialog.js

d2-ui

import React, { Component } from 'react';
import { Provider } from 'react-redux';

import Favorites from './Favorites';
import PropTypes from 'prop-types';

import configureStore from './configureStore';
import { setFavoriteType, setD2 } from './actions';

const store = configureStore();

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

        // sync type prop with state
        if (props.type) {
            store.dispatch(setFavoriteType(props.type));
        }

        if (props.d2) {
            store.dispatch(setD2(props.d2));
        } else {
            console.error('no d2');
        }
    }

    getChildContext() {
        return {
            d2: this.props.d2
        };
    }

    render() {
        const { open, type, onFavoriteSelect, onRequestClose } = this.props;

        return (
            <Provider store={store}>
                <Favorites
                    open={open}
                    type={type}
                    onFavoriteSelect={onFavoriteSelect}
                    onRequestClose={onRequestClose}
                />
            </Provider>
        );
    }
}

FavoritesDialog.childContextTypes = {
    d2: PropTypes.object.isRequired
};

export default FavoritesDialog;