change uppercase name in ui
This commit is contained in:
parent
7b104cb2a5
commit
ee8e734ea0
50
index.html
50
index.html
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user