mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-01-27 11:24:46 +00:00
c631f45ab7
* Remove gas dropdown & Add gas sliders * Update styles * Revert changes made to requestpayment.tsx * Update style & add custom labels to GasLimitField * Update styles * Update confirm transaction modal * Revert "Update confirm transaction modal" This reverts commit 743c9a505fe070feb55f7af550ad918a3d8899d1. * Add transaction fee to tx confirmation modal * Update styles * Remove old gasPriceDropdown files & use network units in tx fee * Add option to lock gaslimit data * fix tslint errors * Rename lockData to readOnly * Add option to check if validAmount before generating transaction * Add nonce field if gas slider is readonly * Automatically set nonce in <Send/> * Update snapshot * Move getNonceRequested to GasSlider component * Add optional to check value for isValidAmount selector * Add selector for transaction fee * Update GasSlider component & Rename to Gas * update snapshots * Fix subtabs className * Update styles * Remove dataField on contract interact * rename <Gas/> to <TXMetaDataPanel/>
94 lines
3.1 KiB
TypeScript
94 lines
3.1 KiB
TypeScript
import translate from 'translations';
|
|
import classnames from 'classnames';
|
|
import { DataFieldFactory } from 'components/DataFieldFactory';
|
|
import { SendButtonFactory } from 'components/SendButtonFactory';
|
|
import { SigningStatus } from 'components/SigningStatus';
|
|
import WalletDecrypt, { DISABLE_WALLETS } from 'components/WalletDecrypt';
|
|
import { GenerateTransaction } from 'components/GenerateTransaction';
|
|
import React, { Component } from 'react';
|
|
import { setToField, TSetToField } from 'actions/transaction';
|
|
import { resetWallet, TResetWallet } from 'actions/wallet';
|
|
import { connect } from 'react-redux';
|
|
import { FullWalletOnly } from 'components/renderCbs';
|
|
import { NonceField, TXMetaDataPanel } from 'components';
|
|
import './Deploy.scss';
|
|
|
|
interface DispatchProps {
|
|
setToField: TSetToField;
|
|
resetWallet: TResetWallet;
|
|
}
|
|
|
|
class DeployClass extends Component<DispatchProps> {
|
|
public render() {
|
|
const makeContent = () => (
|
|
<main className="Deploy Tab-content-pane" role="main">
|
|
<div className="Deploy-field form-group">
|
|
<h3 className="Deploy-field-label">{translate('CONTRACT_ByteCode')}</h3>
|
|
<button className="Deploy-field-reset btn btn-default btn-sm" onClick={this.changeWallet}>
|
|
<i className="fa fa-refresh" />
|
|
{translate('Change Wallet')}
|
|
</button>
|
|
<DataFieldFactory
|
|
withProps={({ data: { raw, value }, onChange, readOnly }) => (
|
|
<textarea
|
|
name="byteCode"
|
|
placeholder="0x8f87a973e..."
|
|
rows={6}
|
|
onChange={onChange}
|
|
disabled={readOnly}
|
|
className={classnames('Deploy-field-input', 'form-control', {
|
|
'is-valid': value && value.length > 0
|
|
})}
|
|
value={raw}
|
|
/>
|
|
)}
|
|
/>
|
|
</div>
|
|
|
|
<div className="row form-group">
|
|
<div className="col-xs-12 clearfix">
|
|
<NonceField alwaysDisplay={false} />
|
|
</div>
|
|
</div>
|
|
|
|
<div className="row form-group">
|
|
<div className="col-xs-12 clearfix">
|
|
<TXMetaDataPanel
|
|
initialState="advanced"
|
|
disableToggle={true}
|
|
advancedGasOptions={{ dataField: false }}
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="row form-group">
|
|
<div className="col-xs-12 clearfix">
|
|
<GenerateTransaction />
|
|
</div>
|
|
</div>
|
|
<SigningStatus />
|
|
<SendButtonFactory
|
|
withProps={({ onClick }) => (
|
|
<button className="Deploy-submit btn btn-primary" onClick={onClick}>
|
|
{translate('NAV_DeployContract')}
|
|
</button>
|
|
)}
|
|
/>
|
|
</main>
|
|
);
|
|
|
|
const makeDecrypt = () => <WalletDecrypt disabledWallets={DISABLE_WALLETS.READ_ONLY} />;
|
|
|
|
return <FullWalletOnly withFullWallet={makeContent} withoutFullWallet={makeDecrypt} />;
|
|
}
|
|
|
|
private changeWallet = () => {
|
|
this.props.resetWallet();
|
|
};
|
|
}
|
|
|
|
export const Deploy = connect(null, {
|
|
setToField,
|
|
resetWallet
|
|
})(DeployClass);
|