feat: agregados componentes comentario, botonera y boton_base

app/assets/stylesheets/application.scss

@@ -585,4 +585,8 @@ $bezier: cubic-bezier(0.75, 0, 0.25, 1);
    transform: rotate(90deg) translatey(-0.1em);
    color: $magenta
  }
+
+.bg-blue {
+  background-color: $azul;
+}
  

app/views/layouts/_details.haml

@@ -1,3 +1,5 @@
+-# Detail Cola de Moderación
+
 %details.details.py-2
   %summary 
     %h3.py-2.text-center= @summary

app/views/moderation_queue/_btn_base.haml

@@ -0,0 +1,3 @@
+-# Componente Botón general Moderación
+
+%a.btn.rounded.mx-2{role: "button", href: href, class: @class} #{text}

app/views/moderation_queue/_button_box.haml

@@ -0,0 +1,14 @@
+-# Componente Botonera de Moderación
+
+.d-flex.py-2.justify-content-center
+  -# parámetros de botones
+  -# text, class, href
+  - @btn_box_params = [[t('.text_pause'), 'bg-outline-light', 'https://sutty.nl/'], 
+    [t('.text_reject'), 'btn-outline-info blue', 'https://sutty.nl/'],
+    [t('.text_accept'), 'bg-blue white', 'https://sutty.nl/'],
+    [t('.text_reply'), 'btn-outline-dark', 'https://sutty.nl/'],
+    [t('.text_report'), 'btn-outline-danger', 'https://sutty.nl/']]
+
+  - @btn_box_params.each do |btn|
+    - @class = btn[1]
+    = render 'moderation_queue/btn_base', href: btn[2], class: @class, text: btn[0]

app/views/moderation_queue/_comment.haml

@@ -0,0 +1,4 @@
+-# Componente Comentario
+
+%p.py-2 Esta línea es donde irá el cuerpo del comentario
+= render 'moderation_queue/button_box'

app/views/posts/_moderation_queue.haml

@@ -0,0 +1,3 @@
+.flex
+  %h2.text-center Comentarios
+  = render 'moderation_queue/comment'

config/locales/es.yml

@@ -2,6 +2,12 @@ es:
   moderation_queue:
     remote_profile:
       user: Nombre de usuario
+    button_box:
+      text_pause: Pausa
+      text_reject: Rechazar
+      text_accept: Aceptar Publicación
+      text_reply: Responder
+      text_report: Reportar
   dark: Oscuro
   es: Castellano
   en: English