Flash Messages using Semantic-UI and Devise

_messages.html.erb

<!-- This is the partial I use to render messages to the layout -->
<% flash.each do | message_type, message_content | %>
    <% flash.delete(:timedout) %> # Remove the :timedout key from the flash if it's present.
    <div class="ui <%= flash_class(message_type) %> message transition">
        <i class="close icon"></i>
        <div class="header">
            <%= message_content %>
        </div>
    </div>
<% end %>

application.html.erb

<!-- Add this to your application layout so that the messages partial is displayed -->
<div class="ui container">
  <%= render 'layouts/messages' %>
  <%= yield %>
</div>

applications_helper.rb

# Add this helper function to your application_helper.rb file.

def flash_class(level)
  case level
  when "success"
    "positive"
  when "error"
    "negative"
  when "alert"
    "negative"
  when "notice"
    "info"
  else
    "info"
  end
end