Layout cleanup
This commit is contained in:
parent
ebdafacf0e
commit
9d6f8cde0e
|
@ -189,15 +189,15 @@ function Transfer() {
|
|||
} else {
|
||||
approveAssets(values["address"], transferAmount)
|
||||
}
|
||||
}} style={{width: "100%"}} ref={formRef}>
|
||||
<Form.Item name="address" validateStatus={addressValid ? "success" : "error"}>
|
||||
}} style={{width: "100%"}} ref={formRef} layout={"vertical"}>
|
||||
<Form.Item name="address" validateStatus={addressValid ? "success" : "error"} label={"Token:"}>
|
||||
<Input addonAfter={`Balance: ${coinInfo.balance}`} name="address"
|
||||
placeholder={"ERC20 address"}
|
||||
onBlur={(v) => {
|
||||
setAddress(v.target.value)
|
||||
}}/>
|
||||
</Form.Item>
|
||||
<Form.Item name="amount" validateStatus={amountValid ? "success" : "error"}>
|
||||
<Form.Item name="amount" validateStatus={amountValid ? "success" : "error"} label={"Amount:"}>
|
||||
<InputNumber name={"amount"} placeholder={"Amount"} type={"number"} min={0}
|
||||
onChange={value => {
|
||||
// @ts-ignore
|
||||
|
@ -205,7 +205,7 @@ function Transfer() {
|
|||
}}/>
|
||||
</Form.Item>
|
||||
<Form.Item name="target_chain"
|
||||
rules={[{required: true, message: "Please choose a target chain"}]}>
|
||||
label={"Target Chain:"}>
|
||||
<Select placeholder="Target Chain" defaultValue={1}>
|
||||
<Select.Option value={1}>
|
||||
Solana
|
||||
|
@ -213,14 +213,14 @@ function Transfer() {
|
|||
</Select>
|
||||
</Form.Item>
|
||||
<Form.Item name="recipient" validateStatus={solanaAccount.valid ? "success" : "error"}
|
||||
help={recipient === "" ? undefined : solanaAccount.message}>
|
||||
help={recipient === "" ? undefined : solanaAccount.message} label={"Recipient"}>
|
||||
<Input name="recipient" placeholder={"Address of the recipient"}
|
||||
onFocus={(v) => {
|
||||
setRecipient(v.target.value)
|
||||
}}/>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
<Button type="primary" htmlType="submit">
|
||||
<Button type="primary" htmlType="submit" style={{marginLeft:"auto"}}>
|
||||
{coinInfo.allowance.gte(amount) || coinInfo.isWrapped ? "Transfer" : "Approve"}
|
||||
</Button>
|
||||
</Form.Item>
|
||||
|
|
|
@ -91,8 +91,8 @@ function TransferSolana() {
|
|||
}
|
||||
}
|
||||
send()
|
||||
}}>
|
||||
<Form.Item name="address" validateStatus={addressValid ? "success" : "error"}>
|
||||
}} layout={"vertical"} >
|
||||
<Form.Item name="address" validateStatus={addressValid ? "success" : "error"} label={"Token Account:"}>
|
||||
<Input
|
||||
addonAfter={`Balance: ${coinInfo.balance.div(new BigNumber(Math.pow(10, coinInfo.decimals)))}`}
|
||||
name="address"
|
||||
|
@ -106,14 +106,15 @@ function TransferSolana() {
|
|||
let big = new BigNumber(value).mul(new BigNumber(10).pow(coinInfo.decimals));
|
||||
callback(big.lte(coinInfo.balance) ? undefined : "Amount exceeds balance")
|
||||
}
|
||||
}]}>
|
||||
}]} label={"Amount:"}>
|
||||
<InputNumber name={"amount"} placeholder={"Amount"} type={"number"} onChange={value => {
|
||||
// @ts-ignore
|
||||
setAmount(value || 0)
|
||||
}}/>
|
||||
</Form.Item>
|
||||
<Form.Item name="target_chain"
|
||||
rules={[{required: true, message: "Please choose a target chain"}]}>
|
||||
rules={[{required: true, message: "Please choose a target chain"}]}
|
||||
label={"Target Chain:"}>
|
||||
<Select placeholder="Target Chain" defaultValue={2}>
|
||||
<Select.Option value={2}>
|
||||
Ethereum
|
||||
|
@ -129,7 +130,7 @@ function TransferSolana() {
|
|||
callback()
|
||||
}
|
||||
}
|
||||
}]}>
|
||||
}]} label={"Recipient:"}>
|
||||
<Input name="recipient" placeholder={"Address of the recipient"}/>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
|
|
Loading…
Reference in New Issue