add i18n

app/views/user_initials/edit.html.erb

@@ -1,5 +1,5 @@
-<%= render 'shared/turbo_modal', title: 'Update Initials' do %>
-  <% options = [%w[Draw draw], %w[Upload upload]] %>
+<%= render 'shared/turbo_modal', title: t('update_initials') do %>
+  <% options = [[t('draw'), 'draw'], [t('upload'), 'upload']] %>
   <toggle-visible data-element-ids="<%= options.map(&:last).to_json %>" class="relative text-center mt-4 block">
     <div class="join">
       <% options.each_with_index do |(label, value), index| %>
@@ -15,11 +15,11 @@
   <div id="draw" class="mt-3">
     <%= form_for @user_config, url: user_initials_path, method: :put, data: { turbo_frame: :_top }, html: { autocomplete: :off, enctype: 'multipart/form-data' } do |f| %>
       <signature-form class="relative block">
-        <a class="absolute top-1 right-1 link text-sm" data-target="signature-form.clear" href="#">Clear</a>
+        <a class="absolute top-1 right-1 link text-sm" data-target="signature-form.clear" href="#"><%= t('clear') %></a>
         <canvas data-target="signature-form.canvas" class="bg-white border border-base-300 w-full rounded"></canvas>
         <input name="file" class="hidden" data-target="signature-form.input" type="file" accept="image/png,image/jpeg,image/jpg">
         <div class="form-control mt-4">
-          <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button', data: { target: 'signature-form.button' } %>
+          <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button', data: { target: 'signature-form.button' } %>
         </div>
       </signature-form>
     <% end %>
@@ -37,10 +37,10 @@
                 <%= svg_icon('loader', class: 'w-10 h-10 animate-spin') %>
               </span>
               <div class="font-medium mb-1">
-                Upload Initials
+                <%= t('upload_initials') %>
               </div>
               <div class="text-xs">
-                <span class="font-medium">Click to upload</span> or drag and drop
+                <%= t('click_to_upload_or_drag_and_drop_html') %>
               </div>
             </div>
             <input id="file" name="file" class="hidden" data-action="change:file-dropzone#onSelectFiles" data-target="file-dropzone.input" type="file" accept="image/png,image/jpeg,image/jpg">
@@ -48,7 +48,7 @@
         </label>
       </file-dropzone>
       <div class="form-control mt-4">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>