@@ -232,7 +232,7 @@ <h1>Synapse Payments Demo</h1>
232232 < h3 > Connection Status</ h3 >
233233 < div id ="connectionInfo ">
234234 < p > < span class ="status-indicator disconnected "> </ span > Not connected to MetaMask</ p >
235- < button onclick ="_connectWallet() "> Connect MetaMask</ button >
235+ < button type =" button " onclick ="_connectWallet() "> Connect MetaMask</ button >
236236 </ div >
237237 </ div >
238238 < div class ="section " id ="balancesSection " style ="display: none; ">
@@ -253,15 +253,15 @@ <h2>Account Balances</h2>
253253 < span class ="balance-label "> USDFC Balance (Payments Contract):</ span >
254254 < span class ="balance-value " id ="usdfcPaymentsBalance "> -</ span >
255255 </ div >
256- < button onclick ="refreshBalances() "> Refresh Balances</ button >
256+ < button type =" button " onclick ="refreshBalances() " disabled > Refresh Balances</ button >
257257 </ div >
258258 < div class ="section " id ="operationsSection " style ="display: none; ">
259259 < h2 > Payment Operations</ h2 >
260260 < div class ="tab-container ">
261261 < div class ="tabs ">
262- < button class ="tab active " onclick ="switchTab('deposit') "> Deposit/Withdraw</ button >
263- < button class ="tab " onclick ="switchTab('token') "> Token Approvals</ button >
264- < button class ="tab " onclick ="switchTab('service') "> Service Approvals</ button >
262+ < button class ="tab active " type =" button " onclick ="switchTab('deposit') "> Deposit/Withdraw</ button >
263+ < button class ="tab " type =" button " onclick ="switchTab('token') "> Token Approvals</ button >
264+ < button class ="tab " type =" button " onclick ="switchTab('service') "> Service Approvals</ button >
265265 </ div >
266266 <!-- Deposit/Withdraw Tab -->
267267 < div class ="tab-content active " id ="depositTab ">
@@ -274,7 +274,7 @@ <h3>Deposit USDFC</h3>
274274 < label > Amount (USDFC):</ label >
275275 < input type ="number " id ="depositAmount " placeholder ="10.0 " step ="0.1 " min ="0 ">
276276 </ div >
277- < button onclick ="deposit() "> Deposit</ button >
277+ < button type =" button " onclick ="deposit() "> Deposit</ button >
278278 < div id ="depositResult "> </ div >
279279 </ div >
280280 < div >
@@ -284,7 +284,7 @@ <h3>Withdraw USDFC</h3>
284284 < label > Amount (USDFC):</ label >
285285 < input type ="number " id ="withdrawAmount " placeholder ="10.0 " step ="0.1 " min ="0 ">
286286 </ div >
287- < button onclick ="withdraw() "> Withdraw</ button >
287+ < button type =" button " onclick ="withdraw() "> Withdraw</ button >
288288 < div id ="withdrawResult "> </ div >
289289 </ div >
290290 </ div >
@@ -300,7 +300,7 @@ <h3>Check Allowance</h3>
300300 < input type ="text " id ="allowanceSpender " placeholder ="0x... ">
301301 < small style ="color: #666; "> Default: Payments Contract</ small >
302302 </ div >
303- < button onclick ="checkAllowance() "> Check Allowance</ button >
303+ < button type =" button " onclick ="checkAllowance() "> Check Allowance</ button >
304304 < div id ="allowanceResult "> </ div >
305305 </ div >
306306 < div >
@@ -316,7 +316,7 @@ <h3>Approve Token Spending</h3>
316316 < label > Amount (USDFC):</ label >
317317 < input type ="number " id ="approveAmount " placeholder ="100.0 " step ="0.1 " min ="0 ">
318318 </ div >
319- < button onclick ="approveToken() "> Approve</ button >
319+ < button type =" button " onclick ="approveToken() "> Approve</ button >
320320 < div id ="approveResult "> </ div >
321321 </ div >
322322 </ div >
@@ -339,7 +339,7 @@ <h4>Check Service Approval</h4>
339339 < input type ="text " id ="checkServiceAddress " placeholder ="0x... ">
340340 < small style ="color: #666; "> Warm Storage address</ small >
341341 </ div >
342- < button onclick ="checkServiceApproval() "> Check Approval</ button >
342+ < button type =" button " onclick ="checkServiceApproval() "> Check Approval</ button >
343343 < div id ="checkServiceResult "> </ div >
344344 </ div >
345345 < div >
@@ -363,7 +363,7 @@ <h4>Approve Service</h4>
363363 < input type ="number " id ="maxLockupPeriod " placeholder ="86400 " step ="1 " min ="0 ">
364364 < small style ="color: #666; "> Default: 86400 epochs (30 days)</ small >
365365 </ div >
366- < button onclick ="approveService() "> Approve Service</ button >
366+ < button type =" button " onclick ="approveService() "> Approve Service</ button >
367367 < div id ="approveServiceResult "> </ div >
368368 </ div >
369369 < div >
@@ -372,7 +372,7 @@ <h4>Revoke Service</h4>
372372 < label > Service Contract Address:</ label >
373373 < input type ="text " id ="revokeServiceAddress " placeholder ="0x... ">
374374 </ div >
375- < button onclick ="revokeService() "> Revoke Service</ button >
375+ < button type =" button " onclick ="revokeService() "> Revoke Service</ button >
376376 < div id ="revokeServiceResult "> </ div >
377377 </ div >
378378 </ div >
0 commit comments