From 84cad21de1f98ff5b32fda6eaf1e5cce2fa3bb53 Mon Sep 17 00:00:00 2001
From: Sarthak5598 <108613416+Sarthak5598@users.noreply.github.com>
Date: Wed, 28 Feb 2024 19:56:05 +0530
Subject: [PATCH] on the user's profile, make the tip button open the QR code
 for the BCH address and remove the PayPal form. #1820 (#1846)

---
 website/templates/profile.html | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/website/templates/profile.html b/website/templates/profile.html
index ff831ef4b..058e32f02 100644
--- a/website/templates/profile.html
+++ b/website/templates/profile.html
@@ -162,6 +162,7 @@
     .hide-issue-form {
         padding-top: 10px;
     }
+    
     </style>
 {% endblock style %}
 {% block content %}
@@ -214,21 +215,11 @@ <h1 class="page-header text-capitalize">{{ user.username }}</h1>
                     {% endif %}
                 {% endif %}
                 <div class="status">
-                    <form name="_xclick"
-                          action="https://www.paypal.com/cgi-bin/webscr"
-                          method="post">
-                        <input type="hidden" name="cmd" value="_xclick">
-                        <input type="hidden"
-                               name="business"
-                               value="{{ project.paypal|default:" coderbounty@gmail.com" }}">
-                        <input type="hidden"
-                               name="item_name"
-                               value="tip for {{ user.username }} on {% env 'DOMAIN_NAME' %}">
-                        <input type="hidden" name="currency_code" value="USD">
-                        <button type="submit" class="btn btn-danger text-black">
-                            <i class="fa fa-money fa-lg"></i> {% trans "Send a tip" %}
-                        </button>
-                    </form>
+                    <button type="button" id="openModal" class="btn btn-danger">Send a Tip</button>
+                    <dialog id="dialog">
+                        <img id="qr-image" alt="QR Code" width="400" height="400">
+                        <p id="bch-address">BCH: {{ user.userprofile.crypto_address }}</p>
+                    </dialog>
                 </div>
             </div>
             <div class="icon-block">
@@ -421,6 +412,13 @@ <h1 class="page-header text-capitalize">{{ user.username }}</h1>
         </div>
     </div>
     <script type="text/javascript">
+    document.getElementById('openModal').addEventListener('click', function() {
+        var address = "{{ user.userprofile.crypto_address }}";
+        var qrUrl = "https://api.qrserver.com/v1/create-qr-code/?data=bitcoincash:" + address + "&size=400x400";
+        document.getElementById('qr-image').src = qrUrl;
+        document.getElementById('dialog').showModal();
+    });
+
     $(function () {
         $('.img-thumbnail, .upload-btn').on('mouseenter', function () {
             $('.upload-btn').show();