change uppercase name in ui

This commit is contained in:
raviycoder 2024-08-03 18:54:28 +05:30
parent 7b104cb2a5
commit ee8e734ea0

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Matic Wallet</title> <title>MATIC Wallet</title>
<link rel="stylesheet" href="css/main.min.css" /> <link rel="stylesheet" href="css/main.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@ -34,7 +34,7 @@
</svg> </svg>
<div class="app-name"> <div class="app-name">
<div class="app-name__company">RanchiMall</div> <div class="app-name__company">RanchiMall</div>
<h4 class="app-name__title">Matic Wallet</h4> <h4 class="app-name__title">MATIC Wallet</h4>
</div> </div>
</div> </div>
<button <button
@ -252,7 +252,7 @@
</header> </header>
<section class="grid gap-1-5"> <section class="grid gap-1-5">
<div class="grid gap-0-5"> <div class="grid gap-0-5">
<h4>Did you forget your Matic Address?</h4> <h4>Did you forget your MATIC Address?</h4>
<p> <p>
If you have your MATIC/BTC/FLO Private Key, enter it here and If you have your MATIC/BTC/FLO Private Key, enter it here and
recover your Matic Address. recover your Matic Address.
@ -646,7 +646,7 @@
if (!value) if (!value)
return { return {
isValid: false, isValid: false,
errorText: "Please enter a Matic address", errorText: "Please enter a MATIC address",
}; };
return { return {
isValid: maticOperator.isValidAddress(value), isValid: maticOperator.isValidAddress(value),
@ -674,13 +674,13 @@
if (!value) if (!value)
return { return {
isValid: false, isValid: false,
errorText: "Please enter a private key or Matic address", errorText: "Please enter a private key or MATIC Address",
}; };
return { return {
isValid: isValid:
floCrypto.getPubKeyHex(value) || floCrypto.getPubKeyHex(value) ||
maticOperator.isValidAddress(value), maticOperator.isValidAddress(value),
errorText: `Invalid private key or Matic address"`, errorText: `Invalid private key or MATIC ddress"`,
}; };
}, },
}, },
@ -816,13 +816,13 @@
<ul id="searched_addresses_list" class="grid gap-0-5"></ul> <ul id="searched_addresses_list" class="grid gap-0-5"></ul>
</aside> </aside>
<section id="balance_section" class="grid gap-1-5"> <section id="balance_section" class="grid gap-1-5">
<h2>Check Matic, USDC and USDT balance</h2> <h2>Check MATIC, USDC and USDT balance</h2>
<sm-form oninvalid="handleInvalidSearch()"> <sm-form oninvalid="handleInvalidSearch()">
<div id="input_wrapper"> <div id="input_wrapper">
<sm-input <sm-input
id="check_balance_input" id="check_balance_input"
class="password-field flex-1" class="password-field flex-1"
placeholder="FLO/BTC private key or Matic address" placeholder="FLO/BTC private key or MATIC address"
type="password" type="password"
animate animate
required required
@ -906,7 +906,7 @@
window.ethereum && window.ethereum &&
!(window.currentChainId && window.currentChainId === "0x1") !(window.currentChainId && window.currentChainId === "0x1")
) { ) {
renderError("Please switch MetaMask to Matic Mainnet"); renderError("Please switch MetaMask to MATIC Mainnet");
} }
renderSearchedAddressList(); renderSearchedAddressList();
} }
@ -1058,7 +1058,7 @@
? "FLO" ? "FLO"
: "BTC"}</sm-chip : "BTC"}</sm-chip
> >
<sm-chip value=${maticAddress}>Matic</sm-chip> <sm-chip value=${maticAddress}>MATIC</sm-chip>
</sm-chips> </sm-chips>
`} `}
<sm-copy value="${floAddress}"></sm-copy> <sm-copy value="${floAddress}"></sm-copy>
@ -1137,7 +1137,7 @@
getRef("matic_balance_wrapper"), getRef("matic_balance_wrapper"),
html` html`
<div class="grid"> <div class="grid">
<div class="label">Matic address</div> <div class="label">MATIC address</div>
<sm-copy id="matic_address" value="${maticAddress}"></sm-copy> <sm-copy id="matic_address" value="${maticAddress}"></sm-copy>
</div> </div>
${floAddress && floAddress !== maticAddress ${floAddress && floAddress !== maticAddress
@ -1160,8 +1160,8 @@
class="flex flex-direction-column gap-0-5" class="flex flex-direction-column gap-0-5"
> >
<li class="flex align-center space-between"> <li class="flex align-center space-between">
<p>Matic</p> <p>MATIC</p>
<b id="Matic_balance">${MaticBalance} Matic</b> <b id="Matic_balance">${MaticBalance} MATIC</b>
</li> </li>
<li class="flex align-center space-between"> <li class="flex align-center space-between">
<p>USDC</p> <p>USDC</p>
@ -1235,7 +1235,7 @@
<div class="flex space-between align-center"> <div class="flex space-between align-center">
<div class="flex flex-direction-column gap-0-5"> <div class="flex flex-direction-column gap-0-5">
<h4>Sender</h4> <h4>Sender</h4>
<p>Amount will be deducted from equivalent Matic address</p> <p>Amount will be deducted from equivalent MATIC address</p>
</div> </div>
<button <button
id="check_balance_button" id="check_balance_button"
@ -1248,7 +1248,7 @@
</div> </div>
<sm-input <sm-input
id="private_key_input" id="private_key_input"
placeholder="Sender's FLO/BTC/Matic private key" placeholder="Sender's FLO/BTC/MATIC private key"
oninput=${handleSenderInput} oninput=${handleSenderInput}
data-private-key data-private-key
class="password-field" class="password-field"
@ -1325,7 +1325,7 @@
<div class="grid gap-0-5"> <div class="grid gap-0-5">
<sm-input <sm-input
class="receiver-address" class="receiver-address"
placeholder="Receiver's Matic address" placeholder="Receiver's MATIC address"
data-matic-address data-matic-address
animate animate
required required
@ -1337,7 +1337,7 @@
type="number" type="number"
step="0.000001" step="0.000001"
min="0.000001" min="0.000001"
error-text="Amount should be grater than 0.000001 Matic" error-text="Amount should be grater than 0.000001 MATIC"
animate animate
required required
> >
@ -1367,7 +1367,7 @@
id="asset_selector" id="asset_selector"
onchange=${handleAssetChange} onchange=${handleAssetChange}
> >
<sm-chip value="Matic" selected>Matic</sm-chip> <sm-chip value="Matic" selected>MATIC</sm-chip>
<sm-chip value="usdc">USDC</sm-chip> <sm-chip value="usdc">USDC</sm-chip>
<sm-chip value="usdt">USDT</sm-chip> <sm-chip value="usdt">USDT</sm-chip>
</sm-chips> </sm-chips>
@ -1382,7 +1382,7 @@
disabled disabled
onclick="sendTx()" onclick="sendTx()"
> >
Send Matic Send MATIC
</button> </button>
</div> </div>
</fieldset> </fieldset>
@ -1393,7 +1393,7 @@
window.ethereum && window.ethereum &&
!(window.currentChainId && window.currentChainId === "0x1") !(window.currentChainId && window.currentChainId === "0x1")
) { ) {
renderError("Please switch MetaMask to Matic Mainnet"); renderError("Please switch MetaMask to MATIC Mainnet");
} }
}); });
function togglePrivateKeyVisibility(input) { function togglePrivateKeyVisibility(input) {
@ -1444,7 +1444,7 @@
</div> </div>
<p> <p>
Balance: Balance:
<b class="amount-shown">${ethBalance} Matic</b> <b class="amount-shown">${ethBalance} MATIC</b>
${selectedAsset !== "Matic" ${selectedAsset !== "Matic"
? html`| ? html`|
<b class="amount-shown" <b class="amount-shown"
@ -1656,7 +1656,7 @@
getRef("page_container"), getRef("page_container"),
html` html`
<div class="grid gap-1"> <div class="grid gap-1">
<h2>Don't have an Matic address? Create one</h2> <h2>Don't have an MATIC address? Create one</h2>
<section class="create-buttons"> <section class="create-buttons">
<button <button
class="button button--primary interactive gap-0-5 margin-right-auto" class="button button--primary interactive gap-0-5 margin-right-auto"
@ -1682,7 +1682,7 @@
</g> </g>
</g> </g>
</svg> </svg>
Generate Matic address Generate MATIC address
</button> </button>
<button <button
class="button button--primary interactive gap-0-5 margin-right-auto" class="button button--primary interactive gap-0-5 margin-right-auto"
@ -1701,7 +1701,7 @@
d="M14 12c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-2-9c-4.97 0-9 4.03-9 9H0l4 4 4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.51 0-2.91-.49-4.06-1.3l-1.42 1.44C8.04 20.3 9.94 21 12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9z" d="M14 12c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2zm-2-9c-4.97 0-9 4.03-9 9H0l4 4 4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.51 0-2.91-.49-4.06-1.3l-1.42 1.44C8.04 20.3 9.94 21 12 21c4.97 0 9-4.03 9-9s-4.03-9-9-9z"
/> />
</svg> </svg>
Retrieve Matic address Retrieve MATIC address
</button> </button>
</section> </section>
</div> </div>
@ -1722,7 +1722,7 @@
<ul id="generated_addresses" class="grid gap-1-5"> <ul id="generated_addresses" class="grid gap-1-5">
<li class="grid gap-0-5"> <li class="grid gap-0-5">
<div> <div>
<h5>Matic Address</h5> <h5>MATIC Address</h5>
<sm-copy value="${maticAddress}"></sm-copy> <sm-copy value="${maticAddress}"></sm-copy>
</div> </div>
<div> <div>