Render slots in order

[Jesusz0r]

Hello!
I have a row ViewComponent with two different slows, cells and status_cells

module Table::Beta::Row
  class Component < ApplicationComponent
    renders_many :cells
    renders_many :status_cells, Table::Beta::Cells::Status
  end
end

template

<% cells.each do |cell| %>
  <td class="Table__cell"><%= cell %></td>
<% end if cells? %>

<% status_cells.each do |status_cell| %>
   <%= status_cell %>
<% end if status_cells? %>

which I use like this

<%= body.with_row(path: shipment_load_path(load.shipment, load)) do |row| %>
   <%= row.with_cell { "Hello" } %>
   <%= row.with_status_cell { "Pending" } %>
   <%= row.with_cell { "Bye" } %>
<% end %>

As you may have guessed since I have two different .each for each different slots they are not rendering in the order they were defined.

-> Cell
-> Cell
-> StatusCell

Was wondering if there is a way to render the cells and status_cell in the order they were defined?

-> Cell
-> StatusCell
-> Cell

Thank you!

[Spone]

My advice would be to refactor your code to use polymorphic slots, so you'll have only one list of slots, some will be Cells, others StatusCells.

[Jesusz0r]

that's awesome @Spone thank you very much!
I'll try that :)

[Jesusz0r]

Yes, that works. Thanks 👍 !!