Inprove email template

Author: Throyer

pom.xml

@@ -10,7 +10,7 @@
     </parent>
     <groupId>com.github.throyer.common.spring-boot</groupId>
     <artifactId>api</artifactId>
-    <version>3.0.1</version>
+    <version>3.0.2</version>
     <name>Common API</name>
     <description>Exemplo de api simples com Spring Boot</description>
 

src/main/java/com/github/throyer/common/springboot/domain/models/emails/RecoveryEmail.java

@@ -5,21 +5,11 @@
 import org.thymeleaf.context.Context;
 
 public class RecoveryEmail implements Email {
-    
-    private static final Integer FIRST = 0;
-    private static final Integer SECOND = 1;
-    private static final Integer THIRD = 2;
-    private static final Integer FOURTH = 3;
-
     private final String destination;
     private final String subject;
     private final String name;
+    private final String code;
 
-    private final String first;
-    private final String second;
-    private final String third;
-    private final String fourth;
-
     public RecoveryEmail(
         String destination,
         String subject,
@@ -29,13 +19,7 @@ public RecoveryEmail(
         this.destination = destination;
         this.subject = subject;
         this.name = name;
-        
-        var code = recoveryCode.split("");
-        
-        this.first = code[FIRST];
-        this.second = code[SECOND];
-        this.third = code[THIRD];
-        this.fourth = code[FOURTH];
+        this.code = recoveryCode;
     }
 
     @Override
@@ -57,12 +41,8 @@ public String getTemplate() {
     public Context getContext() {
         var context = new Context();
 
-        context.setVariable("name", this.name);
-        
-        context.setVariable("first", this.first);
-        context.setVariable("second", this.second);
-        context.setVariable("third", this.third);
-        context.setVariable("fourth", this.fourth);
+        context.setVariable("name", this.name);        
+        context.setVariable("code", this.code);
 
         return context;
     }

src/main/resources/templates/recovery-password.html

@@ -72,15 +72,15 @@
         }
 
         .code-box {
-            width: 88px;
-            height: 88px;
             background: #7962f7;
-            box-shadow: 0px 12px 12px rgba(66, 70, 86, 0.08),
+            box-shadow:
+                0px 12px 12px rgba(66, 70, 86, 0.08),
                 0px 16px 24px rgba(66, 70, 86, 0.08);
+            
             border-radius: 16px;
             text-align: center;
             color: #ffffff;
-            margin: 10px 0px;
+            padding: 10px 20px;
             font-size: 56px;
         }
 
@@ -196,20 +196,10 @@
         <table align="center" class="table-code-box">
             <tbody>
                 <tr>
-                    <td th:text="${first}" class="code-box">
-                        first
-                    </td>
-                    <td class="code-box-spacing"></td>
-                    <td th:text="${second}" class="code-box">
-                        second
-                    </td>
-                    <td class="code-box-spacing"></td>
-                    <td th:text="${third}" class="code-box">
-                        third
-                    </td>
-                    <td class="code-box-spacing"></td>
-                    <td th:text="${fourth}" class="code-box">
-                        fourth
+                    <td>
+                        <span class="code-box" th:text="${code}">
+                            code
+                        </span>
                     </td>
                 </tr>
             </tbody>