import React from 'react';
import {flatMap} from 'lodash';
import {extensions} from 'appConfig';

export class GlobalMenuHorizontal extends React.PureComponent {
    render() {
        const globalMenuHorizontalItems = flatMap(
            Object.values(extensions).map(({activationResult}) => activationResult),
            (activationResult) =>
                activationResult.contributions != null
                && activationResult.contributions.globalMenuHorizontal != null
                    ? activationResult.contributions.globalMenuHorizontal
                    : [],
        );

        return (
            <div style={{display: 'flex', height: 48, alignItems: 'stretch'}}>
                {globalMenuHorizontalItems.map((Component, i) => (<Component key={i} />))}
            </div>
        );
    }
}