From da1dd7448e15ac2a30403c195c17869dbd2dee10 Mon Sep 17 00:00:00 2001
From: Nicolas Dorier <nicolas.dorier@gmail.com>
Date: Fri, 21 Oct 2022 16:13:36 +0900
Subject: [PATCH] Add warnings in btcpay vault page for safari and brave (Fix
 https://github.com/btcpayserver/BTCPayServer.Vault/issues/54) (#4226)

* Add warnings in btcpay vault page for safari and brave (Fix https://github.com/btcpayserver/BTCPayServer.Vault/issues/54)

* Apply suggestions from code review

Co-authored-by: d11n <mail@dennisreimann.de>
---
 .../Views/UIWallets/WalletSendVault.cshtml       | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/BTCPayServer/Views/UIWallets/WalletSendVault.cshtml b/BTCPayServer/Views/UIWallets/WalletSendVault.cshtml
index effe655e2..394998319 100644
--- a/BTCPayServer/Views/UIWallets/WalletSendVault.cshtml
+++ b/BTCPayServer/Views/UIWallets/WalletSendVault.cshtml
@@ -25,7 +25,7 @@
     <p class="lead text-secondary mt-3">Using BTCPay Server Vault</p>
 </header>
 
-<div id="walletAlert" class="alert alert-danger alert-dismissible my-4" style="display:none;" role="alert">
+<div id="walletAlert" class="alert alert-warning alert-dismissible my-4" style="display:none;" role="alert">
     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
         <vc:icon symbol="close" />
     </button>
@@ -77,5 +77,19 @@
         document.addEventListener("DOMContentLoaded", function () {
             askSign();
         });
+		var alertMsg = document.getElementById("alertMessage");
+		var walletAlert = document.getElementById("walletAlert");
+		var isSafari = window.safari !== undefined;
+		if (isSafari)
+		{
+			alertMsg.innerHTML = "Safari doesn't support BTCPay Server Vault. Please use a different browser. (<a class=\"alert-link\" href=\"https://bugs.webkit.org/show_bug.cgi?id=171934\" target=\"_blank\" rel=\"noreferrer noopener\">More information</a>)";
+			walletAlert.style.display = null;
+		}
+		var isBrave = navigator.brave !== undefined;
+		if (isBrave)
+		{
+			alertMsg.innerHTML = "Brave supports BTCPay Server Vault, but you need to disable Brave Shields. (<a class=\"alert-link\" href=\"https://www.updateland.com/how-to-turn-off-brave-shields/\" target=\"_blank\" rel=\"noreferrer noopener\">More information</a>)";
+			walletAlert.style.display = null;
+		}
     </script>
 }