Reload icon

[gabrielgiroe1]

Description

Fixes #2172

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works

Screenshots & recording

Manual review steps

1. Step 1
2. Step 2

Manual reviewer: please leave a comment with output from the test if that's the case.

[codeclimate]

Code Climate has analyzed commit f26b716 and detected 0 issues on this pull request.

View more on Code Climate.

[adrianthedev]

Approach

# API
    field :reviews, as: :has_many, reload_button: do
      current_user.admin?
    end
    field :reviews, as: :has_many, reload_button: true

# in ResourceIndexComponent
<%= render Avo::PanelComponent.new(description: description, data: { component: 'resources-index' }, display_breadcrumbs: @reflection.blank?, reload_button: reload_button) do |c| %>

• add option on hasBaseField
• add concern with reload_icon
• js controller will find its own parent turbo frame
• if it can't find the parent don't do anything
• if it finds it, reload it
• use reload_button: :visible on the field declaration
• in ResourceIndexComponent we should take this option value and pass it to the PanelComponent
• in resource index component we have access to the field if it's a reflection field
• the option should be false by default
• this option should be available for all has_ fields
• remove the SVG file
• use the svg helper to load the SVG

nice to have

• the option should support the ExecutionContext

[adrianthedev]

Super job!
Thanks @gabrielgiroe1.

I left a few comments to tweak.

[adrianthedev]

We won't need this file once you rebase.
#2453 brought this icon to our repo.

[adrianthedev]

This has not been addressed.
We can remove this file now that we updated heoricons.

[adrianthedev]

let's try this approach for feedback.

• when clicked, add the animation class animate-spin
• let's try to reverse the animation.
• let's use arrow-path