From 4645a117abef872080848ba5d65cd6c1cfa745a5 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Tue, 8 Oct 2024 15:21:00 -0300
Subject: [PATCH] fix: reemplazar el archivo #16968

---
 app/assets/stylesheets/application.scss | 17 +++++++++++++++++
 app/views/posts/attributes/_image.haml  |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 350c4aaa..6066c24e 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -19,6 +19,13 @@ $custom-file-text: (
   pt-BR: "Buscar arquivo"
 );
 
+$custom-file-text-replace: (
+  en: "Replace file",
+  es: "Reemplazar archivo",
+  pt: "substituir ficheiro",
+  pt-BR: "substituir arquivo"
+);
+
 // Redefinir variables de Bootstrap
 $primary: $magenta;
 $secondary: $black;
@@ -51,6 +58,16 @@ $sizes: (
 @import "bootstrap";
 @import "editor";
 
+.custom-file-input {
+  &.replace-image {
+    @each $lang, $value in $custom-file-text-replace {
+      &:lang(#{$lang}) ~ .custom-file-label::after {
+        content: $value;
+      }
+    }
+  }
+}
+
 @each $color, $rgb in $theme-colors {
   .#{$color} {
     color: var(--#{$color});
diff --git a/app/views/posts/attributes/_image.haml b/app/views/posts/attributes/_image.haml
index 689a32af..aa5f2038 100644
--- a/app/views/posts/attributes/_image.haml
+++ b/app/views/posts/attributes/_image.haml
@@ -21,7 +21,7 @@
   .custom-file
     = file_field(*field_name_for(base, attribute, :path),
       **field_options(attribute, metadata, required: (metadata.required && !metadata.path?)),
-      class: "custom-file-input #{invalid(post, attribute)}",
+      class: ['custom-file-input', invalid(post, attribute), ('replace-image' if metadata.static_file)].compact.join(' '),
       accept: ActiveStorage.web_image_content_types.join(','),
       lang: locale,
       data: { 'file-preview-target': 'input', action: 'file-preview#update' })