From a5f30ee6533c0e010378c444c6f38bf84458f0c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hakk=C4=B1=20Can=20Akut?= <hakkican.akut@mobven.com>
Date: Mon, 13 Feb 2023 17:59:06 +0300
Subject: [PATCH 1/2] updated close button text yo changeable

---
 src/donate.ts  | 3 ++-
 src/index.html | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/donate.ts b/src/donate.ts
index 10af75e..b9957bf 100644
--- a/src/donate.ts
+++ b/src/donate.ts
@@ -3,6 +3,7 @@ type Options = {
   message: string;
   title: string;
   highLight: string;
+  close: string;
   position: string;
   links: Array<{ url: string; text: string; style: string }>;
 };
@@ -22,7 +23,7 @@ class Donate {
     <div class="popup">
       <div class="popup__content ${this.options.position}">
         <a id="popup__close" href="#" class="popup__close">
-          <span class='close'>Kapat</span>
+          <span class='close'>${this.options.close?.length ? this.options.close : "Kapat"}</span>
         </a>
         ${
           this.options.theme !== "dark"
diff --git a/src/index.html b/src/index.html
index 0b68963..2d22219 100644
--- a/src/index.html
+++ b/src/index.html
@@ -63,7 +63,10 @@ <h1>Donate.JS Demo</h1>
       </textarea
         >
       </div>
-
+      <div class="select">
+        <label for="close">Close Text</label>
+        <input value="Kapat" id="close" type="text" />
+      </div>
       <button id="show">Show Modal</button>
     </div>
 
@@ -74,6 +77,7 @@ <h1>Donate.JS Demo</h1>
       const title = document.getElementById("title");
       const highlight = document.getElementById("highlight");
       const message = document.getElementById("message");
+      const close = document.getElementById("close");
 
       show.addEventListener("click", () => {
         const donate = new Donate({
@@ -81,6 +85,7 @@ <h1>Donate.JS Demo</h1>
           position: position.value,
           title: title.value,
           highLight: highlight.value,
+          close: close.value,
           links: [
             {
               text: "Trendyol Bağış Linki",

From 2e79b626c59f8f44dd87e0ef91517a21909d1534 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hakk=C4=B1=20Can=20Akut?= <hakkican.akut@mobven.com>
Date: Mon, 13 Feb 2023 18:22:31 +0300
Subject: [PATCH 2/2] added close image when close text is empty

---
 src/donate.ts        | 2 +-
 src/styles/style.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/donate.ts b/src/donate.ts
index b9957bf..760f76a 100644
--- a/src/donate.ts
+++ b/src/donate.ts
@@ -23,7 +23,7 @@ class Donate {
     <div class="popup">
       <div class="popup__content ${this.options.position}">
         <a id="popup__close" href="#" class="popup__close">
-          <span class='close'>${this.options.close?.length ? this.options.close : "Kapat"}</span>
+          <span class='close'>${this.options.close?.length ? this.options.close : '<img src="./assets/img/close-circle.png" alt="close" />'}</span>
         </a>
         ${
           this.options.theme !== "dark"
diff --git a/src/styles/style.css b/src/styles/style.css
index 69b7bb0..54e984d 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -128,6 +128,11 @@
   color: #cf626e;
 }
 
+.popup__close img {
+  height: 24px;
+  width: 24px;
+}
+
 .button {
   border: 1px solid #000;
   background: var(--primary-color);