메일 템플릿 수정 (#95)

* fix(mail) : 메일이 잘못 보내지는 에러 수정 * refactor(templates) : 메일 템플릿 수정 * refactor(templates) : padding 제거
sickgyun · Apr 22, 2024 · 5f32c50 · 5f32c50
1 parent 0be2e54
commit 5f32c50
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 84 deletions.
diff --git a/main-server/src/main/java/com/sickgyun/server/mail/MailService.java b/main-server/src/main/java/com/sickgyun/server/mail/MailService.java
@@ -28,18 +28,38 @@ public void sendMail(CoffeeChat coffeeChat) {
 		MimeMessage message = mailSender.createMimeMessage();
 
 		try {
-			message.addRecipients(TO, coffeeChat.getToUser().getEmail());
-			message.setSubject("안녕하세요. 식견입니다.");
+			setRecipientsAndFrom(coffeeChat, message);
+			message.setSubject(setSubjectWithCoffeeChat(coffeeChat));
 			message.setText(setContext(coffeeChat), "utf-8", "html");
-
-			message.setFrom(coffeeChat.getFromUser().getEmail());
 		} catch (MessagingException e) {
 			throw new EmailNotExistException();
 		}
 
 		mailSender.send(message);
 	}
 
+	private void setRecipientsAndFrom(CoffeeChat coffeeChat, MimeMessage message) throws MessagingException {
+		if (coffeeChat.getState().equals(State.PENDING)) {
+			message.addRecipients(TO, coffeeChat.getToUser().getEmail());
+			message.setFrom(coffeeChat.getFromUser().getEmail());
+		} else {
+			message.addRecipients(TO, coffeeChat.getFromUser().getEmail());
+			message.setFrom(coffeeChat.getToUser().getEmail());
+		}
+	}
+
+	private String setSubjectWithCoffeeChat(CoffeeChat coffeeChat) {
+		String fromUserName = coffeeChat.getFromUser().getName();
+		String toUserName = coffeeChat.getToUser().getName();
+
+		if (coffeeChat.getState().equals(State.ACCEPT)) {
+			return toUserName + "님께서 " + fromUserName + "님의 커피챗 요청을 수락하셨어요.";
+		} else if (coffeeChat.getState().equals(State.REJECT)) {
+			return toUserName + "님께서 " + fromUserName + "님의 커피챗 요청을 거절하셨어요...ㅠ";
+		}
+		return fromUserName + "님으로부터 커피챗 요청이 왔어요.";
+	}
+
 	private String setContext(CoffeeChat coffeeChat) {
 		Context context = new Context();
 		context.setVariable("fromuser", coffeeChat.getFromUser().getName());

diff --git a/main-server/src/main/resources/templates/accept-mail.html b/main-server/src/main/resources/templates/accept-mail.html
@@ -5,30 +5,31 @@
     <title>Send Mail</title>
 </head>
 <body>
-<div class="back">
-    <div class="content">
+<div class="back" style="width: 480px; height: 480px;">
+    <div style="width: 100%;">
         <img src="https://sickgyun.s3.ap-northeast-2.amazonaws.com/file1317437e-d407-4cd6-be35-0e45ed8c1b2b"
-             class="logo" style="width: 110px;" alt="logo">
-        <h2 class="coffeeChat" style="margin-top: 20px; color: black;">
-            <span th:text="${fromuser}"></span>님께서<br>
-            커피챗 요청을 수락하셨습니다.
+             style="display: block; width: 141px; height: 48px; margin: 0 auto;" alt="Logo">
+        <h2 style="font-size: 24px; font-weight: 700; text-align: center; margin-top: 40px; margin-bottom: 35px;">
+            <span th:text="${touser}"></span>님이 커피챗 요청을 수락했어요.<br>
         </h2>
     </div>
-</div>
-<a href="https://sickgyun.vercel.app/" style="text-decoration-line: none;">
-    <div class="coffeeChatButton" style="
+    <a href="https://sickgyun.com" style="text-decoration-line: none;">
+        <div class="coffeeChatButton" style="
+            display: block;
+            margin-top: 20px;
             background-color: #7046f7;
-            width: 287px;
-            height: 45px;
+            width: 100%;
+            height: 55px;
             border-radius: 8px;
             color: white;
             cursor: pointer;
             font-size: 16px;
             text-align: center;
-            line-height: 45px;
+            line-height: 55px;
     ">
-        식견 바로가기
-    </div>
-</a>
+            식견에서 확인하기
+        </div>
+    </a>
+</div>
 </body>
 </html>
diff --git a/main-server/src/main/resources/templates/application-mail.html b/main-server/src/main/resources/templates/application-mail.html
@@ -5,30 +5,34 @@
     <title>Send Mail</title>
 </head>
 <body>
-<div class="back">
-    <div class="content">
+<div class="back" style="width: 480px; height: 480px;">
+    <div>
         <img src="https://sickgyun.s3.ap-northeast-2.amazonaws.com/file1317437e-d407-4cd6-be35-0e45ed8c1b2b"
-             class="logo" style="width: 110px;" alt="logo">
-        <h2 class="coffeeChat" style="margin-top: 20px; color: black;">
-            <span th:text="${fromuser}"></span>님으로부터<br>
-            커피챗 요청이 왔습니다.
+             style="display: block; width: 141px; height: 48px; margin: 0 auto;" alt="Logo">
+        <h2 style="font-size: 24px; font-weight: 700; text-align: center; margin-top: 40px;">
+            <span th:text="${fromuser}"></span>님이 커피챗 요청을 보냈어요.<br>
         </h2>
+        <div style="width: 440px; min-height: 260px; border-radius: 8px; background-color: #FBFBFC; text-align: left; padding: 20px; margin-bottom: 20px;">
+            <span th:text="${message}"></span> <br>
+        </div>
     </div>
-</div>
-<a href="https://sickgyun.vercel.app/" style="text-decoration-line: none;">
-    <div class="coffeeChatButton" style="
+    <a href="https://sickgyun.com" style="text-decoration-line: none;">
+        <div class="coffeeChatButton" style="
+            display: block;
+            margin-top: 20px;
             background-color: #7046f7;
-            width: 287px;
-            height: 45px;
+            width: 100%;
+            height: 55px;
             border-radius: 8px;
             color: white;
             cursor: pointer;
             font-size: 16px;
             text-align: center;
-            line-height: 45px;
+            line-height: 55px;
     ">
-        식견 바로가기
-    </div>
-</a>
+            식견에서 확인하기
+        </div>
+    </a>
+</div>
 </body>
 </html>
diff --git a/main-server/src/main/resources/templates/cancelled-mail.html b/main-server/src/main/resources/templates/cancelled-mail.html
diff --git a/main-server/src/main/resources/templates/reject-mail.html b/main-server/src/main/resources/templates/reject-mail.html
@@ -5,31 +5,34 @@
     <title>Send Mail</title>
 </head>
 <body>
-<div class="back">
-    <div class="content">
+<div class="back" style="width: 480px; height: 480px;">
+    <div>
         <img src="https://sickgyun.s3.ap-northeast-2.amazonaws.com/file1317437e-d407-4cd6-be35-0e45ed8c1b2b"
-             class="logo" style="width: 110px;" alt="logo">
-        <h2 class="coffeeChat" style="margin-top: 20px; color: black;">
-            <span th:text="${fromuser}"></span>님께서<br>
-            "<span th:text="${message}"></span>" <br>
-            다음의 이유로 커피챗 요청을 거절하였습니다.
+             style="display: block; width: 141px; height: 48px; margin: 0 auto;" alt="Logo">
+        <h2 style="font-size: 24px; font-weight: 700; text-align: center; margin-top: 40px;">
+            <span th:text="${touser}"></span>님이 커피챗 요청을 거절했어요.<br>
         </h2>
+        <div style="width: 440px; min-height: 260px; border-radius: 8px; background-color: #FBFBFC; text-align: left; padding: 20px; margin-bottom: 20px;">
+            <span th:text="${message}"></span> <br>
+        </div>
     </div>
-</div>
-<a href="https://sickgyun.vercel.app/" style="text-decoration-line: none;">
-    <div class="coffeeChatButton" style="
+    <a href="https://sickgyun.com" style="text-decoration-line: none;">
+        <div class="coffeeChatButton" style="
+            display: block;
+            margin-top: 20px;
             background-color: #7046f7;
-            width: 287px;
-            height: 45px;
+            width: 100%;
+            height: 55px;
             border-radius: 8px;
             color: white;
             cursor: pointer;
             font-size: 16px;
             text-align: center;
-            line-height: 45px;
+            line-height: 55px;
     ">
-        식견 바로가기
-    </div>
-</a>
+            식견에서 확인하기
+        </div>
+    </a>
+</div>
 </body>
 </html>