Add reload icon on association fields

[adrianthedev]

I sometimes want the association table to be reloaded after I know that something has been added/updated.
I don't want to reload the page.

Approach

• add "arrow-path-rounded-square" icon (from heroicons) to the index view if it's used in the association. This is how we add svgs.
• Because all the associations use Turbo frames and that resources' index page, the link should reload the current turbo-frame.
• Check the Avo::Views::ResourceIndexComponent
• The link should not be visible if the component is not rendered in an association

[Paul-Bob]

Let's explore another approach

• Generate stimulus controller
• Connect button with stimulus controller passing the turbo_frame as target* (if not possible pass the frame id as value** and use document.getElementById('frame_value') to get it)
• Register an on click event that triggers turbo_frame target to reload using reload()

Docs

Stimulus - https://stimulus.hotwired.dev/
*Stimulus targets - https://stimulus.hotwired.dev/reference/targets
**Stimulus values - https://stimulus.hotwired.dev/reference/values

Suggestions

After generating the stimulus controller replace the connect method with and make sure that "Here!!!" appears on browser console before proceeding:

  connect() {
    console.log("Here!!!")
  }