media assets: add options to download or reverse search the image.

app/components/popup_menu_component.rb

@@ -1,15 +1,20 @@
 # frozen_string_literal: true
 
+# A component that shows a "..." button that when clicked displays a popup menu.
 class PopupMenuComponent < ApplicationComponent
   include ViewComponent::SlotableV2
 
-  attr_reader :classes
+  attr_reader :hide_on_click, :classes
 
   renders_one :button
-  renders_many :items
+  renders_many :items, ->(hide_on_click: nil, &block) do
+    tag.li(block.call, "data-hide-on-click": hide_on_click)
+  end
 
+  # @param hide_on_click [Boolean] If true, then automatically hide the menu when anything inside the menu is clicked.
   # @param classes [String] A list of CSS classes for the root element.
-  def initialize(classes: nil)
+  def initialize(hide_on_click: true, classes: nil)
+    @hide_on_click = hide_on_click
     @classes = classes
   end
 end

app/components/popup_menu_component/popup_menu_component.html.erb

@@ -1,4 +1,4 @@
-<div class="popup-menu inline-block <%= classes %>">
+<%= tag.div class: "popup-menu inline-block #{classes}".strip, "data-hide-on-click": hide_on_click do %>
   <a class="popup-menu-button inline-block rounded p-1" href="javascript:void(0)">
     <% if button.present? %>
       <%= button %>
@@ -9,7 +9,7 @@
 
   <ul class="popup-menu-content">
     <% items.each do |item| %>
-      <li><%= item %></li>
+      <%= item %>
     <% end %>
   </ul>
-</div>
+<% end %>