lbry-desktop/ui/js/component/walletSend/view.jsx
2017-09-01 14:02:35 +05:30

52 lines
1.4 KiB
JavaScript

import React from "react";
import Link from "component/link";
import Modal from "modal/modal";
import { FormRow } from "component/form";
const WalletSend = props => {
const { sendToAddress, setAmount, setAddress, amount, address } = props;
return (
<section className="card">
<form onSubmit={sendToAddress}>
<div className="card__title-primary">
<h3>{__("Send Credits")}</h3>
</div>
<div className="card__content">
<FormRow
label={__("Amount")}
postfix={__("LBC")}
step="0.01"
min="0"
type="number"
placeholder="1.23"
size="10"
onChange={setAmount}
value={amount}
/>
</div>
<div className="card__content">
<FormRow
label={__("Recipient Address")}
placeholder="bbFxRyXXXXXXXXXXXZD8nE7XTLUxYnddTs"
type="text"
size="60"
onChange={setAddress}
value={address}
/>
<div className="form-row-submit">
<Link
button="primary"
label={__("Send")}
onClick={sendToAddress}
disabled={!(parseFloat(amount) > 0.0) || !address}
/>
<input type="submit" className="hidden" />
</div>
</div>
</form>
</section>
);
};
export default WalletSend;