From a8bba0db0d0cd1b35a3841650c73aaf18f8be677 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 12 May 2024 10:51:51 +0200
Subject: [PATCH] [mirotalkwebrtc] - improve UI

---
 backend/controllers/users.js | 40 +++++++++++++++++++++++++++++++++---
 frontend/js/client.js        |  3 +--
 package.json                 |  2 +-
 3 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/backend/controllers/users.js b/backend/controllers/users.js
index f3bed1f..f553d27 100644
--- a/backend/controllers/users.js
+++ b/backend/controllers/users.js
@@ -122,9 +122,43 @@ async function userLogin(req, res) {
                 const userSaveData = await userData.save();
                 log.debug('User create OK', userSaveData);
                 return res.status(201).send({
-                    message: `✅ Account created! <br/> Click on Login and enjoy! <br><br>
-                    <p>I am hoping you find the application useful. Making a small donation is a great way to let me know you like it and want me to keep working on it. Thank you! ❤️</p>
-                    <a href="${nodemailer.SUPPORT}" target="_blank" style="text-decoration:none;"><h1 style="color:lime;">👉 paypal.me 👈<h1></a>`,
+                    message: `<style>
+                    .container {
+                        text-align: center;
+                        background-color: var(--primary-color);
+                        border-radius: 10px;
+                        padding: 20px;
+                        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+                    }
+                    h1 {
+                        color: #4CAF50;
+                        margin-bottom: 10px;
+                    }
+                    p {
+                        color: var(--text-color);
+                        margin-bottom: 20px;
+                    }
+                    a {
+                        text-decoration: none;
+                        color: #4CAF50;
+                        font-weight: bold;
+                        border: 2px solid #4CAF50;
+                        border-radius: 5px;
+                        padding: 10px 20px;
+                        display: inline-block;
+                        transition: background-color 0.3s, color 0.3s;
+                    }
+                    a:hover {
+                        background-color: #4CAF50;
+                        color: #fff;
+                    }
+                    </style>
+                    <div class="container">
+                        <h1>Account created!</h1>
+                        <p>Click on Login and enjoy!</p>
+                        <p>I am hoping you find the application useful. Making a small donation is a great way to let me know you like it and want me to keep working on it. Thank you! ❤️</p>
+                        <a href="${nodemailer.SUPPORT}" target="_blank">Donate via PayPal</a>
+                    </div>`,
                 });
             }
         }
diff --git a/frontend/js/client.js b/frontend/js/client.js
index 9b32400..b974b47 100644
--- a/frontend/js/client.js
+++ b/frontend/js/client.js
@@ -9,10 +9,9 @@
  * @license For private project or commercial purposes contact us at: license.mirotalk@gmail.com or purchase it directly via Code Canyon:
  * @license https://codecanyon.net/item/a-selfhosted-mirotalks-webrtc-rooms-scheduler-server/42643313
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.0.77
+ * @version 1.0.78
  */
 
-
 const isMobile = !!/Android|webOS|iPhone|iPad|iPod|BB10|BlackBerry|IEMobile|Opera Mini|Mobile|mobile/i.test(
     navigator.userAgent.toLowerCase() || '',
 );
diff --git a/package.json b/package.json
index 19dbaa2..b13455f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mirotalkwebrtc",
-    "version": "1.0.77",
+    "version": "1.0.78",
     "description": "MiroTalk WebRTC admin",
     "main": "server.js",
     "scripts": {