ProMotion + RMQ custom styling

followup_prompt_cell.rb

class FollowupPromptCell < PM::TableViewCell
  def rmq_build
    content.append!(UILabel, :followup_prompt_cell_label)
    apply_style :followup_prompt_cell
  end

  def content
    find(self.contentView)
  end

  def title=(value)
    @title_view ||= begin
      content.append! UILabel, :followup_prompt_cell_title
    end
    @title_view.text = value
    @title_view
  end
end

followup_prompt_cell_stylesheet.rb

module FollowupPromptCellStylesheet
  def followup_prompt_cell(st)
    st.frame = {
      left: 10,
      from_right: 10,
      below_previous: 10,
      top: 10,
      height: 250
    }
    st.background_color = color.white
  end

  def followup_prompt_cell_label(st)
    st.frame = { top: 16, left: 16, from_right: 16, height: 20 }
    st.font = font.small
    st.color = color.contactually_grey
    st.text = 'FOLLOW-UP'
  end

  def followup_prompt_cell_title(st)
    st.frame = {
      top: 20,
      centered: :horizontal,
      left: 16,
      from_right: 16,
      height: 40
    }
    st.font = font.small
    st.color = color.contactually_grey
  end
end

prompts_screen.rb

class PromptsScreen < PM::TableScreen
  title 'Prompts'
  stylesheet PromptsScreenStylesheet

  def on_load
    @prompts = []
    async_load
  end

  def table_data
    [{
      cells: @prompts.map { |prompt| followup_prompt_cell(prompt) }
    }]
  end

  def followup_prompt_cell(prompt)
    {
      cell_class: FollowupPromptCell,
      properties: {
        title: prompt[:title],
        contact: prompt[:contact]
      }
    }
  end
end

prompts_screen_stylesheet.rb

class PromptsScreenStylesheet < ApplicationStylesheet
  include FollowupPromptCellStylesheet

  def root_view(st)
    st.background_color = nil
    st.separator_style = UITableViewCellSeparatorStyleNone
  end
end