FOUR-16942 | Update Inbound Configuration Accordion Icon in Node Inspector Panel #429

mcraeteisha · 2024-07-09T16:09:29Z

Issue

The RPA Node Inspector Panel introduced a new accordion for Inbound Configuration. To maintain consistency with other accordions, an icon was added alongside its label using the provided icon.

Solution

Update the FormAccordion component in vue-form-elements to handle svg icons. (Previously, it only handled Font Awesome Icons.)
Add the svg icon to the Inbound Configuration accordion in package-rpa.

How to Test

Go to branch observation/FOUR-16942 in package-rpa and vue-form-elements.
Go to Designer → Processes. Create a Process.
Open the Process in the Modeler.
Add the RPA Node to the Modeler canvas.
Click on the RPA Node. View the RPA Node Inspector Panel.
- The Inbound Configuration accordion should have an icon. The styling of the icon should be similar to that of the other accordion icons.

ci:next

Code Review Checklist

I have pulled this code locally and tested it on my instance, along with any associated packages.
This code adheres to ProcessMaker Coding Guidelines.
This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
This solution fixes the bug reported in the original ticket.
This solution does not alter the expected output of a component in a way that would break existing Processes.
This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
This ticket conforms to the PRD associated with this part of ProcessMaker.