🎨 Design: Improvement on add/remove workflows

During the design of this feature, we ran a study to validate the solution and got the following user feedback:

• There was 1 confusion on the language used on the button "Apply frameworks" copy, I have updated this to be only "Apply"
• A user mentioned that having to click "apply" to remove frameworks it's not intuitive, recommendation is to move the "remove frameworks" option from the drop-down to a button next to the drop down box or apply button.
• Have a cross "X" next to the framework name so that users could easily click to remove framework from projects.

Other comments I got about the undo action in the toast:

What frustrated you most about this task?

• I think nothing in particular but when I was selecting 'No Framework' from the drop-down, the button 'Apply Framework' could have a better label like 'Remove Frameworks'

What frustrated you most about this task?

• It is point for improvement where we can have the (X) Icon above each compliance framework so we can remove it in one click

Design proposal:

Figma

1. Change to two steps for bulk actions: select remove or add frameworks, if add framework -> then select and apply
2. Move the button to the left (On hold for now)
3. Create quick actions
4. Add edit/create new framework actions&models