/**
 *
 * PluginDispatcher
 *
 */

import React, { memo } from 'react';
import PropTypes from 'prop-types';
import { Redirect } from 'react-router-dom';
import { get } from 'lodash';

import { BlockerComponent } from 'strapi-helper-plugin';
import PageTitle from '../../components/PageTitle';

import { LOGIN_LOGO } from '../../config';
import ErrorBoundary from '../ErrorBoundary';

export function PluginDispatcher(props) {
  const {
    global: { plugins },
    match: {
      params: { pluginId },
    },
  } = props;

  const pluginToRender = get(plugins, pluginId, null);

  if (!pluginToRender) {
    return <Redirect to="/404" />;
  }

  const {
    blockerComponent,
    blockerComponentProps,
    mainComponent,
    name,
    preventComponentRendering,
  } = pluginToRender;
  let PluginEntryComponent = preventComponentRendering ? BlockerComponent : mainComponent;

  // Change the plugin's blockerComponent if the plugin uses a custom one.
  if (preventComponentRendering && blockerComponent) {
    PluginEntryComponent = blockerComponent;
  }

  return (
    <div>
      <PageTitle title={`Strapi - ${name}`} />
      <ErrorBoundary>
        <PluginEntryComponent
          {...props}
          {...blockerComponentProps}
          assets={{ loginLogo: LOGIN_LOGO }}
        />
      </ErrorBoundary>
    </div>
  );
}

PluginDispatcher.defaultProps = {};

PluginDispatcher.propTypes = {
  global: PropTypes.object.isRequired,
  match: PropTypes.shape({
    params: PropTypes.shape({
      pluginId: PropTypes.string,
    }),
  }).isRequired,
};

export default memo(PluginDispatcher);