import React from 'react';
import addons from '@storybook/addons';
import ActionLogger from './containers/ActionLogger';
import { ADDON_ID, PANEL_ID } from '.';

export function register() {
  addons.register(ADDON_ID, api => {
    const channel = addons.getChannel();
    addons.addPanel(PANEL_ID, {
      title: 'Action Logger',
      // eslint-disable-next-line react/prop-types
      render: ({ active, key }) => (
        <ActionLogger key={key} channel={channel} api={api} active={active} />
      ),
    });
  });
}

import React from 'react';
import addons from '@storybook/addons';
import ActionLogger from './containers/ActionLogger';
import { ADDON_ID, PANEL_ID } from '.';

export function register() {
  addons.register(ADDON_ID, api => {
    const channel = addons.getChannel();
    addons.addPanel(PANEL_ID, {
      title: 'Actions',
      // eslint-disable-next-line react/prop-types
      render: ({ active, key }) => (
        <ActionLogger key={key} channel={channel} api={api} active={active} />
      ),
    });
  });
}

Change title of panel to "Actions" from "Action logger"
Change title of panel to "Actions" from "Action logger"
