SWF-Editor: Error icon and error popups

[handreyrc]

Summary

The goal of this task it to implement the error icon feature and the error popups. When there are errors in the workflow we need means to point them to the user. It is done by presenting and error icon on the top right corner of the screen and if the user hovers the icon a series of stacked popups are presented revealing the errors so the user can fix them.

Note: Check the current J2CL implementation of the diagram editor as reference.

Description

• Show error icon when there are errors in the error handling component.
• The error icon shall be displayed on the error page, when it is not possible to open the diagram and when we have a diagram valid but then we reload the same diagram with errors.
• When the icon is hovered by the mouse pointer a list of stacked popups shall be presented with the errors content.
• when the user moves the mouse out of the icon the popoups shall disapear

Testing

• Run the component and then load a workflow with errors from storybook, the error icon shall be visible and errors shall be displayed in popups when the mouse pointer hovers the icon.
• Open a valid workflow from storybook so the error icon should not be visible, then open the same workflow content with errors and the error icon shall be presented and errors also should be presented in popoups when hoovering the error icon. Finally, reopen the same original valid workflow and the error icon shall not be visible.