Fix sign transaction

BTCPayServer/Views/Stores/AddDerivationScheme.cshtml

@@ -9,14 +9,6 @@
         .hw-fields {
             display: none;
         }
-
-        .pin-button {
-            height: 135px;
-            margin-top: 20px;
-            background: white;
-            border: solid lightgray 4px;
-            cursor: pointer;
-        }
     </style>
 }
 

BTCPayServer/Views/Stores/AddDerivationSchemes_HardwareWalletDialogs.cshtml

@@ -108,9 +108,7 @@
                     </div>
                 </div>
 
-                <button id="vault-confirm" class="btn btn-primary" style="display:none;" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    Confirm pin code
-                </button>
+                <button id="vault-confirm" class="btn btn-primary" style="display:none;" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
             </div>
         </form>
     </div>

BTCPayServer/Views/Wallets/WalletSendVault.cshtml

@@ -18,6 +18,7 @@
             <input type="hidden" asp-for="WebsocketPath" />
         </form>
         <div id="vaultPlaceholder"></div>
+        <button id="vault-confirm" class="btn btn-primary" style="display:none;" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button>
     </div>
 </div>
 

BTCPayServer/wwwroot/js/vaultbridge.ui.js

@@ -184,6 +184,7 @@ var vaultui = (function () {
             show(VaultFeedbacks.needPin);
             $("#pin-input").css("display", "block");
             $("#vault-confirm").css("display", "block");
+            $("#vault-confirm").text("Confirm the pin code");
             return new Promise(function (resolve, reject) {
                 var pinCode = "";
                 $("#vault-confirm").click(async function () {
@@ -213,11 +214,12 @@ var vaultui = (function () {
             show(VaultFeedbacks.needPassphrase);
             $("#passphrase-input").css("display", "block");
             $("#vault-confirm").css("display", "block");
+            $("#vault-confirm").text("Confirm the passphrase");
             return new Promise(function (resolve, reject) {
                 $("#vault-confirm").click(async function () {
                     var passphrase = $("#Password").val();
                     if (passphrase !== $("#PasswordConfirmation").val()) {
-                        show("invalid-password-confirm");
+                        show(VaultFeedbacks.invalidPasswordConfirmation);
                         return;
                     }
                     $("#passphrase-input").css("display", "none");

BTCPayServer/wwwroot/main/site.css

@@ -136,3 +136,14 @@ pre {
 .feedback-icon-failed {
     color: red;
 }
+.pin-button {
+    height: 135px;
+    margin-top: 20px;
+    background-color: white;
+    border: solid lightgray 4px;
+    cursor: pointer;
+}
+
+    .pin-button:hover {
+        background-color: lightgray;
+    }