add wallet options to bundle demo page

DePayFi · Jul 10, 2024 · 53f7856 · 53f7856
1 parent 01dfcf6
commit 53f7856
Showing 1 changed file with 114 additions and 0 deletions.
diff --git a/demo.bundle.html b/demo.bundle.html
@@ -124,6 +124,120 @@ <h5 class="px-4">Payment: managed integration</h5>
           </div>
         </div>
 
+        <div class="d-block d-md-inline-block p-2 col-12 col-md-4">
+          <div class="px-0 py-4 rounded-lg bg-white border">
+            <div class="col px-0">
+              <div class="overflow-auto" style="height: 140px;">
+                <h5 class="px-4">Wallet options</h5>
+                <div class="px-4">
+                  <div class="text-secondary ">Uniswap only</div>
+                </div>
+              </div>
+              <div class="px-4 pt-3">
+                <button class='btn btn-primary' id="payUniswapOnly">Try it</button>
+                <script>
+                  var button = document.getElementById("payUniswapOnly");
+                  button.addEventListener("click",function(e){
+                    DePayWidgets.Payment({
+                      accept: [
+                        {
+                          blockchain: 'polygon',
+                          amount: 0.001,
+                          token: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+                          receiver: '0x08B277154218CCF3380CAE48d630DA13462E3950'
+                        },                        
+                      ],
+                      wallets: {
+                        whitelist: [
+                          "Uniswap"
+                        ]
+                      }
+                    });
+                  });
+                </script>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="d-block d-md-inline-block p-2 col-12 col-md-4">
+          <div class="px-0 py-4 rounded-lg bg-white border">
+            <div class="col px-0">
+              <div class="overflow-auto" style="height: 140px;">
+                <h5 class="px-4">Wallet options</h5>
+                <div class="px-4">
+                  <div class="text-secondary ">Uniswap first</div>
+                </div>
+              </div>
+              <div class="px-4 pt-3">
+                <button class='btn btn-primary' id="payUniswapFirst">Try it</button>
+                <script>
+                  var button = document.getElementById("payUniswapFirst");
+                  button.addEventListener("click",function(e){
+                    DePayWidgets.Payment({
+                      accept: [
+                        {
+                          blockchain: 'polygon',
+                          amount: 0.001,
+                          token: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+                          receiver: '0x08B277154218CCF3380CAE48d630DA13462E3950'
+                        },                        
+                      ],
+                      wallets: {
+                        sort: [
+                          "Uniswap"
+                        ]
+                      }
+                    });
+                  });
+                </script>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="d-block d-md-inline-block p-2 col-12 col-md-4">
+          <div class="px-0 py-4 rounded-lg bg-white border">
+            <div class="col px-0">
+              <div class="overflow-auto" style="height: 140px;">
+                <h5 class="px-4">Wallet options</h5>
+                <div class="px-4">
+                  <div class="text-secondary ">Uniswap first and partially filtered</div>
+                </div>
+              </div>
+              <div class="px-4 pt-3">
+                <button class='btn btn-primary' id="payUniswapFirstAndOthers">Try it</button>
+                <script>
+                  var button = document.getElementById("payUniswapFirstAndOthers");
+                  button.addEventListener("click",function(e){
+                    DePayWidgets.Payment({
+                      accept: [
+                        {
+                          blockchain: 'polygon',
+                          amount: 0.001,
+                          token: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
+                          receiver: '0x08B277154218CCF3380CAE48d630DA13462E3950'
+                        },                        
+                      ],
+                      wallets: {
+                        sort: [
+                          "Uniswap"
+                        ],
+                        whitelist: [
+                          'Uniswap',
+                          'Coinbase',
+                          'MetaMask',
+                          'Rainbow'
+                        ]
+                      }
+                    });
+                  });
+                </script>
+              </div>
+            </div>
+          </div>
+        </div>
+
         <div class="d-block d-md-inline-block p-2 col-12 col-md-4">
           <div class="px-0 py-4 rounded-lg bg-white border">
             <div class="col px-0">