Group dashboard contains modal component for every group
Summary
On the group dashboard there is a modal component for every "leave this group" button.
Steps to reproduce
- go to group dashboard
- run
document.querySelectorAll('.modal-open').forEach(modal => console.log(modal.getAttribute('body')))
in browser console
What is the current bug behavior?
Every "leave this group" button has its own modal. A side effect of this is that clicking cancel in the modal redirects to the group page.
What is the expected correct behavior?
There is only one modal component.
Possible fixes
Move modal from app/assets/javascripts/groups/components/item_actions.vue
to app/assets/javascripts/groups/components/app.vue
.