Improve labels on clipboard copy buttons

Author: Floppy

app/components/copy_button.rb

@@ -1,11 +1,16 @@
 class Components::CopyButton < Components::Base
-  def initialize(text:)
+  def initialize(text:, label: nil)
     @text = text
+    @label = label
+  end
+
+  def before_template
+    @label ||= t("components.copy_button.copy")
   end
 
   def view_template
     a href: "#", class: "link-secondary", data: {controller: "copy-text", action: "click->copy-text#copy:prevent", copy_text_text_value: @text} do
-      Icon icon: "clipboard-plus", label: t("components.copy_button.copy")
+      Icon icon: "clipboard-plus", label: @label
     end
   end
 end

app/views/collections/show.html.erb

@@ -20,7 +20,7 @@
             <% elsif SiteSettings.federation_enabled? %>
               <small class="text-secondary">
                 <%= @collection.federails_actor.short_at_address %>
-                <%= CopyButton(text: @collection.federails_actor.at_address) %>
+                <%= CopyButton(text: @collection.federails_actor.at_address, label: t("general.copy_fediverse_handle")) %>
               </small>
             <% end %>
           </p>

app/views/creators/show.html.erb

@@ -26,7 +26,7 @@
               <% elsif SiteSettings.federation_enabled? %>
                 <small class="text-secondary">
                   <%= @creator.federails_actor.short_at_address %>
-                  <%= CopyButton(text: @creator.federails_actor.at_address) %>
+                  <%= CopyButton(text: @creator.federails_actor.at_address, label: t("general.copy_fediverse_handle")) %>
                 </small>
               <% end %>
             </p>

app/views/devise/registrations/edit.html.erb

@@ -16,7 +16,7 @@
               <div class="col-auto col-form-label"><%= t("settings.users.index.fediverse_address") %></div>
               <div class="col col-form-label">
                 <code><%= resource.federails_actor.at_address %></code>
-                <%= CopyButton(text: resource.federails_actor.at_address) %>
+                <%= CopyButton(text: resource.federails_actor.at_address, label: t("general.copy_fediverse_handle")) %>
               </div>
             <% end %>
           </div>

app/views/home/_federation.html.erb

@@ -20,7 +20,7 @@
             <div class="col col-auto"><%= t(".creator_handle") %></div>
             <div class="col">
               <code><%= current_user.creators.local.first.federails_actor.at_address %></code>
-              <%= CopyButton text: current_user.creators.local.first.federails_actor.at_address %>
+              <%= CopyButton text: current_user.creators.local.first.federails_actor.at_address, label: t("general.copy_fediverse_handle") %>
             </div>
           </div>
         </div>
@@ -34,7 +34,7 @@
           <div class="col col-auto"><%= t(".account_handle") %></div>
           <div class="col">
             <code><%= current_user.federails_actor.at_address %></code>
-            <%= CopyButton text: current_user.federails_actor.at_address %>
+            <%= CopyButton text: current_user.federails_actor.at_address, label: t("general.copy_fediverse_handle") %>
           </div>
         </div>
       </div>

app/views/models/show.html.erb

@@ -98,7 +98,7 @@
                 <% else %>
                   <small>
                     <%= @model.federails_actor.short_at_address %>
-                    <%= CopyButton(text: @model.federails_actor.at_address) %>
+                    <%= CopyButton(text: @model.federails_actor.at_address, label: t("general.copy_fediverse_handle")) %>
                   </small>
                 <% end %>
               </div>

config/locales/cs.yml

@@ -640,6 +640,7 @@ cs:
     unfollow_remote_actor:
       unfollowed: Již nesledován %{actor}
   general:
+    copy_fediverse_handle:
     delete: Smazat
     download: Stáhnout
     edit: Upravit

config/locales/de.yml

@@ -640,6 +640,7 @@ de:
     unfollow_remote_actor:
       unfollowed: "%{actor} nicht mehr Folgen"
   general:
+    copy_fediverse_handle:
     delete: Löschen
     download: Herunterladen
     edit: Bearbeiten

config/locales/en.yml

@@ -640,6 +640,7 @@ en:
     unfollow_remote_actor:
       unfollowed: Unfollowed %{actor}
   general:
+    copy_fediverse_handle: Copy Fediverse handle to clipboard
     delete: Delete
     download: Download
     edit: Edit

config/locales/es.yml

@@ -640,6 +640,7 @@ es:
     unfollow_remote_actor:
       unfollowed: Dejar de seguir a %{actor}
   general:
+    copy_fediverse_handle:
     delete: Borrar
     download: Descargar
     edit: Editar