From 49779897caa1b426d160ea9250cc15bc4ce6077d Mon Sep 17 00:00:00 2001
From: Sombian <sombian.software@gmail.com>
Date: Wed, 15 May 2024 09:36:54 +0900
Subject: [PATCH] fix: Donate; add modal close button

---
 src/app/pages/ListPage/widgets/Donate/index.jsx  | 6 +++++-
 src/app/pages/ListPage/widgets/Donate/index.scss | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/ListPage/widgets/Donate/index.jsx b/src/app/pages/ListPage/widgets/Donate/index.jsx
index 2dddc57..88165c5 100644
--- a/src/app/pages/ListPage/widgets/Donate/index.jsx
+++ b/src/app/pages/ListPage/widgets/Donate/index.jsx
@@ -10,6 +10,7 @@ import { countdown } from "@/common/utilities/date";
 import credit_png from "@/common/assets/images/credit.png";
 import useLocalStorage from "@/common/hooks/useLocalStorage";
 import API from "@/common/api";
+import ModalCancelIcon from "@/common/assets/icons/ModalCancelIcon";
 
 const LOCALE = {
 	year: "년",
@@ -136,7 +137,10 @@ Donate.Modal = function add(
 
 	return (
 		<section data-widget="Donate.Modal">
-			<div className="heading">후원하기</div>
+			<div className="heading">
+				후원하기
+				<ModalCancelIcon onClick={() => Modal.instance.close()}></ModalCancelIcon>
+			</div>
 			<div className="portrait" onClick={() => set_credit(credit + 100)}>
 				<img src={props.donation.idol.profilePicture}></img>
 				<div className="title">{props.donation.title}</div>
diff --git a/src/app/pages/ListPage/widgets/Donate/index.scss b/src/app/pages/ListPage/widgets/Donate/index.scss
index fa813f0..1b20c0d 100644
--- a/src/app/pages/ListPage/widgets/Donate/index.scss
+++ b/src/app/pages/ListPage/widgets/Donate/index.scss
@@ -142,6 +142,8 @@
 			font-weight: 600;
 			line-height: 21.48px;
 			margin-bottom: 24px;
+			display: flex;
+			justify-content: space-between;
 		}
 		> .portrait {
 			width: 160px;