[FEATURE REQUEST] Remove CRM container about flex-plugin-builder HOT 2 CLOSED

@SpicyPete An easier way to achieve this would be to just replace the content of CRMContainer with your container component that has the components you are adding.

For example:

flex.CRMContainer.Content.replace(<CustomContainerComponent key="cccKey" />);

This is how I've implemented a custom CRM that was built as a set of React components.

from flex-plugin-builder.

This works when placed in plugin init:

    flex.AgentDesktopView.Panel2.Content.remove('container'); // 'container' key is the CRMContainer
    flex.AgentDesktopView.Panel2.Content.add(<div key='customContent'>...</div>);

container isn't well named here and I suspect that is a mistake; will look for a good spot in twilio docs to update with this info.

To share how I found this more generally, using react dev tools to inspect component hierarchy shows component key prop which can mostly be manipulated with Flex UIs dynamic component api (add/remove/replace).

example: in this case, Inspect Element > React Dev Tools > Components > AgentDesktopView.Panel2 showed key was container

More info: https://www.twilio.com/docs/flex/ui/components

from flex-plugin-builder.