- Meow! Something went wrong and the page you were looking for doesn't yet exist. Try the{' '} - home page. -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {rows.map(this.makeLabelRow)}
-
-
- {labelError && (
-
-
-
-
-
-
-
-
-
-
-
-
- {labelError && (
-
-
-
-
-
-
-
-
- )}
-
-
-
- )}
-
-
-
- )}
- />
-);
-
-export default connect(
- (state: AppState): StateProps => ({
- toChecksumAddress: configSelectors.getChecksumAddressFn(state)
- })
-)(AddressField);
diff --git a/common/components/AddressFieldFactory/AddressFieldDropdown.scss b/common/components/AddressFieldFactory/AddressFieldDropdown.scss
deleted file mode 100644
index d7d14bfd2..000000000
--- a/common/components/AddressFieldFactory/AddressFieldDropdown.scss
+++ /dev/null
@@ -1,78 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/variables/colors';
-@import 'common/sass/variables/spacing';
-
-.AddressFieldDropdown {
- position: absolute;
- top: calc(100% - #{$space});
- width: 100%;
- border: 1px solid color(gray-lighter);
- border-top: none;
- background: color(component-active-color);
- z-index: 1;
- list-style-type: none;
- margin: 0;
- padding: 0;
- box-shadow: $tab-box-shadow;
- text-align: center;
-
- &-dropdown-item {
- margin: 0;
- padding: $space-md $space;
- display: flex;
- align-items: center;
-
- &:hover {
- cursor: pointer;
- background: color(gray-lightest);
- }
-
- &-identicon {
- width: 40px;
- height: 40px;
- margin-right: $space-sm;
-
- .Identicon {
- width: 40px !important;
- height: 40px !important;
- }
-
- @media (max-width: 380px) {
- display: none;
- }
- }
-
- &-label,
- &-address {
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- &-label {
- flex: 1 0 0;
- padding-left: 0.2rem;
- text-align: left;
- }
-
- &-address {
- flex: 3 0 0;
- }
-
- &-no-match {
- word-break: break-word;
-
- &:hover {
- cursor: not-allowed;
- background: inherit;
- }
-
- i {
- margin-right: $space-sm;
- }
- }
-
- &--active {
- background: color(gray-lighter);
- }
- }
-}
diff --git a/common/components/AddressFieldFactory/AddressFieldDropdown.tsx b/common/components/AddressFieldFactory/AddressFieldDropdown.tsx
deleted file mode 100644
index 96a67bbf4..000000000
--- a/common/components/AddressFieldFactory/AddressFieldDropdown.tsx
+++ /dev/null
@@ -1,316 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import translate, { translateRaw } from 'translations';
-import { AppState } from 'features/reducers';
-import { transactionActions, transactionSelectors } from 'features/transaction';
-import { addressBookSelectors } from 'features/addressBook';
-import { walletSelectors } from 'features/wallet';
-import { Address, Identicon } from 'components/ui';
-import './AddressFieldDropdown.scss';
-
-interface Props {
- addressInput: string;
- dropdownThreshold?: number;
- labelAddresses: ReturnType-
- {this.getFilteredLabels().length > 0 ? (
- this.renderDropdownItems()
- ) : (
-
- - {translate('NO_LABEL_FOUND_CONTAINING')} " - {addressInput}". - - )} -
-
- {label}
-
-
-
-
-
- );
- }
-
- private focus = () => this.setState({ isFocused: true });
-
- private blur = () => this.setState({ isFocused: false });
-
- private setAddress = (ev: React.FormEvent
-
- );
- }
-}
-
-export const AddressInputFactory = connect((state: AppState, ownProps: OwnProps) => {
- let currentTo: ICurrentTo;
- if (ownProps.isSelfAddress) {
- const wallet = walletSelectors.getWalletInst(state);
- const addr = wallet ? wallet.getAddressString() : '';
- currentTo = {
- raw: addr,
- value: Address(addr)
- };
- } else {
- currentTo = selectors.getCurrentTo(state);
- }
-
- return {
- currentTo,
- label: selectors.getCurrentToLabel(state),
- isResolving: ensSelectors.getResolvingDomain(state),
- isValid: selectors.isValidCurrentTo(state),
- isLabelEntry: selectors.isCurrentToLabelEntry(state),
- chainId: configSelectors.getNetworkChainId(state)
- };
-})(AddressInputFactoryClass);
diff --git a/common/components/AddressFieldFactory/index.ts b/common/components/AddressFieldFactory/index.ts
deleted file mode 100644
index 3bff01335..000000000
--- a/common/components/AddressFieldFactory/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './AddressFieldFactory';
diff --git a/common/components/AmountField.tsx b/common/components/AmountField.tsx
deleted file mode 100644
index 2248b615d..000000000
--- a/common/components/AmountField.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-
-import translate from 'translations';
-import { UnitDropDown, SendEverything } from 'components';
-import { Input } from 'components/ui';
-import { AmountFieldFactory } from './AmountFieldFactory';
-
-interface Props {
- hasUnitDropdown?: boolean;
- hasSendEverything?: boolean;
- showAllTokens?: boolean;
- showInvalidWithoutValue?: boolean;
- customValidator?(rawAmount: string): boolean;
-}
-
-export const AmountField: React.SFC
-
- withProps({
- currentTo,
- isValid,
- isLabelEntry,
- onChange,
- onFocus,
- onBlur,
- readOnly: !!(readOnly || this.props.isResolving || isSelfAddress)
- })
- }
- />
- {showEnsResolution && (
-
- {showIdenticon && (
-
- {sendingTo}
-
- )}
-
-
- )}
-
-
-
- )}
- />
-);
-
-const isAmountValid = (
- raw: string,
- customValidator: ((rawAmount: string) => boolean) | undefined,
- isValid: boolean
-) => (customValidator ? customValidator(raw) : isValid);
diff --git a/common/components/AmountFieldFactory/AmountFieldFactory.tsx b/common/components/AmountFieldFactory/AmountFieldFactory.tsx
deleted file mode 100644
index 9be162e46..000000000
--- a/common/components/AmountFieldFactory/AmountFieldFactory.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-
-import { AppState } from 'features/reducers';
-import { transactionActions } from 'features/transaction';
-import { Query } from 'components/renderCbs';
-import { AmountInput } from './AmountInputFactory';
-
-export interface CallbackProps {
- isValid: boolean;
- readOnly: boolean;
- currentValue:
- | AppState['transaction']['fields']['value']
- | AppState['transaction']['meta']['tokenValue'];
- onChange(ev: React.FormEvent
-
- );
- }
-
- private clearCopied = () =>
- (this.goingToClearCopied = window.setTimeout(() => this.setState({ copied: false }), 2000));
-
- private startEditingLabel = () =>
- this.setState({ editingLabel: true }, () => {
- if (this.labelInput) {
- this.labelInput.focus();
- this.labelInput.select();
- }
- });
-
- private stopEditingLabel = () => this.setState({ editingLabel: false });
-
- private setLabelInputRef = (node: HTMLInputElement) => (this.labelInput = node);
-
- private generateLabelContent = () => {
- const {
- addressLabel,
- entry: { temporaryLabel, labelError }
- } = this.props;
- const { editingLabel, labelInputTouched } = this.state;
- const newLabelSameAsPrevious = temporaryLabel === addressLabel;
- const labelInputTouchedWithError = labelInputTouched && !newLabelSameAsPrevious && labelError;
-
- let labelContent = null;
-
- if (editingLabel) {
- labelContent = (
- {translate('SIDEBAR_ACCOUNTADDR')}
-
-
-
-
-
- {labelContent}
-
-
-
-
-
-
-
-
- {translateRaw(copied ? 'COPIED' : 'COPY_ADDRESS')}
-
-
- {labelButton}
-
-
-
- );
- }
-
- private setSymbol(network: NetworkConfig) {
- if (network.isTestnet) {
- return `${network.unit} (${translateRaw('TESTNET')})`;
- }
- return network.unit;
- }
-}
-
-function isHardwareWallet(wallet: IWallet): wallet is HardwareWallet {
- return typeof (wallet as any).displayAddress === 'function';
-}
-
-function mapStateToProps(state: AppState): StateProps {
- return {
- balance: state.wallet.balance,
- network: configSelectors.getNetworkConfig(state),
- isOffline: configMetaSelectors.getOffline(state),
- toChecksumAddress: configSelectors.getChecksumAddressFn(state)
- };
-}
-const mapDispatchToProps: DispatchProps = {
- refreshAccountBalance: walletActions.refreshAccountBalance
-};
-export default connect(
- mapStateToProps,
- mapDispatchToProps
-)(AccountInfo);
diff --git a/common/components/BalanceSidebar/EquivalentValues.scss b/common/components/BalanceSidebar/EquivalentValues.scss
deleted file mode 100644
index 4330d3a51..000000000
--- a/common/components/BalanceSidebar/EquivalentValues.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-.EquivalentValues {
- &-header {
- display: flex;
- align-items: center;
- margin-bottom: $space;
-
- .Select {
- flex-grow: 1;
- }
- }
-
- &-spinner {
- text-align: center;
- padding: 1.6rem;
- }
-
- &-title {
- margin: 0;
- margin-right: 16px;
- }
-
- &-values {
- display: flex;
- flex-wrap: wrap;
- &-spacer {
- height: 1px;
- width: 100%;
- margin: 0.5rem 0rem;
- margin-bottom: 0.75rem;
- background-color: color(control-border);
- background-position: center;
- background-size: 1px 1px;
- }
- &-currency {
- min-width: 50%;
- margin-bottom: $space-xs;
- display: flex;
- flex-wrap: nowrap;
- align-items: center;
- &-fiat-symbol {
- width: 18px;
- margin-right: 0.5rem;
- text-align: center;
- }
- &-coin-and-token {
- img {
- height: 18px;
- width: 18px;
- margin-right: 0.5rem;
- }
- }
- &-label {
- white-space: pre-wrap;
- display: inline-block;
- min-width: 36px;
- color: shade-dark(0.5);
- }
- &-value {
- font-weight: 600;
- @include mono;
- }
- }
- }
-
- &-offline {
- margin-bottom: 0;
- text-align: center;
- }
-}
diff --git a/common/components/BalanceSidebar/EquivalentValues.tsx b/common/components/BalanceSidebar/EquivalentValues.tsx
deleted file mode 100644
index aa39084d2..000000000
--- a/common/components/BalanceSidebar/EquivalentValues.tsx
+++ /dev/null
@@ -1,343 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import Select from 'react-select';
-import BN from 'bn.js';
-import { chain, flatMap } from 'lodash';
-
-import translate from 'translations';
-import { rateSymbols } from 'api/rates';
-import { NetworkConfig } from 'types/network';
-import { Balance } from 'libs/wallet';
-import { AppState } from 'features/reducers';
-import * as selectors from 'features/selectors';
-import { configSelectors, configMetaSelectors } from 'features/config';
-import { ratesActions } from 'features/rates';
-import { walletTypes } from 'features/wallet';
-import { UnitDisplay, Spinner } from 'components/ui';
-import btcIco from 'assets/images/bitcoin.png';
-import ethIco from 'assets/images/ether.png';
-import './EquivalentValues.scss';
-
-interface AllValue {
- symbol: string;
- balance: Balance['wei'];
-}
-
-interface DefaultOption {
- label: string;
- value: AllValue[];
-}
-
-interface Option {
- label: string;
- value: Balance['wei'] | AllValue[];
-}
-
-interface State {
- equivalentValues: Option;
- options: Option[];
-}
-
-interface StateProps {
- balance: Balance;
- network: NetworkConfig;
-
- tokenBalances: walletTypes.TokenBalance[];
- rates: AppState['rates']['rates'];
- ratesError: AppState['rates']['ratesError'];
- isOffline: AppState['config']['meta']['offline'];
-}
-
-interface DispatchProps {
- fetchCCRates: ratesActions.TFetchCCRatesRequested;
-}
-
-interface FiatSymbols {
- [key: string]: string;
-}
-
-interface Rates {
- [rate: string]: number;
-}
-
-type Props = StateProps & DispatchProps;
-
-class EquivalentValues extends React.Component
- {
- this.toggleConfirmAddr();
- wallet
- .displayAddress()
- .then(() => this.toggleConfirmAddr())
- .catch((e: Error | string) => {
- console.error('Display address failed', e);
- this.toggleConfirmAddr();
- });
- }}
- >
- {confirmAddr
- ? null
- : translate('SIDEBAR_DISPLAY_ADDR', { $wallet: wallet.getWalletType() })}
-
- {confirmAddr ? (
-
-
- )}
-
-
-
-
- {(!!blockExplorer || !!tokenExplorer) && (
- {translate('SIDEBAR_ACCOUNTBAL')}
--
-
-
-
-
- - {balance.wei && ( - - {balance.isPending ? ( - - )} -- ) : ( - !isOffline && ( - - ) - )} -
-
-
- )}
- {translate('SIDEBAR_TRANSHISTORY')}
--
- {!!blockExplorer && (
-
-
-
- {`${network.name} (${blockExplorer.origin})`} - -
- )}
- {network.id === 'ETH' && (
- -
-
- {`${network.name} (${etherChainExplorerInst.origin})`} - -
- )}
- {!!tokenExplorer && (
- -
-
- {`Tokens (${tokenExplorer.name})`} - -
- )}
-
- 
- {!!props.symbol && (
- {props.symbol}
- )}
- {props.rate}{' '}
-
-
- );
-
- return (
-
-
- );
- }
-
- // return the sum of all equivalent values (unit * rate * balance) grouped by rate (USD, EUR, ETH, etc...)
- private handleAllValues = (balance: AllValue[]) => {
- const { rates } = this.props;
- const allRates = Object.values(balance).map(
- value => !!rates[value.symbol] && rates[value.symbol]
- );
- const allEquivalentValues = allRates.map((rateType: any, i) => {
- return {
- symbol: Object.keys(rates)[i],
- equivalentValues: [
- ...Object.keys(rateType).map(rate => {
- const balanceIndex: AllValue = balance[i];
- const value =
- balanceIndex && !!balanceIndex.balance
- ? balanceIndex.balance.muln(rateType[rate])
- : null;
- return { rate, value };
- })
- ]
- };
- });
- // flatten all equivalent values for each unit (ETH, ETC, OMG, etc...) into an array
- const collection = flatMap([
- ...Object.values(allEquivalentValues).map(v => v.equivalentValues)
- ]);
- // group equivalent values by rate (USD, EUR, etc...)
- const groupedCollection = chain(collection)
- .groupBy('rate')
- .mapValues(v => Object.values(v).map(s => s.value))
- .value();
- // finally, add all the equivalent values together and return an array of objects with the sum of equivalent values for each rate
- return Object.values(groupedCollection).map((v, i) => {
- return {
- rate: Object.keys(groupedCollection)[i],
- value: v.reduce((acc, curr) => acc && curr && acc.add(curr))
- };
- });
- };
-
- // return equivalent value (unit * rate * balance)
- private handleValues(unit: string, balance: Balance['wei']) {
- const { rates } = this.props;
- const ratesObj: Rates = { ...rates[unit] };
- return Object.keys(ratesObj).map(key => {
- const value = balance!.muln(ratesObj[key]);
- return { rate: key, value };
- });
- }
-
- private generateValues = (
- unit: string,
- balance: Balance['wei'] | AllValue[]
- ): { rate: string; value: Balance['wei'] }[] => {
- if (unit === 'All') {
- return this.handleAllValues(balance as AllValue[]);
- } else {
- return this.handleValues(unit, balance as Balance['wei']);
- }
- };
-
- private fetchRates(props: Props) {
- const { balance, tokenBalances, isOffline } = props;
- // Duck out if we haven't gotten balances yet, or we're not going to
- if (!balance || !tokenBalances || isOffline) {
- return;
- }
-
- // First determine which currencies we're asking for
- const currencies = tokenBalances
- .filter(tk => !tk.balance.isZero())
- .map(tk => tk.symbol)
- .sort()
- .concat([props.network.unit]);
-
- // If it's the same currencies as we have, skip it
- if (this.requestedCurrencies && currencies.join() === this.requestedCurrencies.join()) {
- return;
- }
-
- // Fire off the request and save the currencies requested
- props.fetchCCRates(currencies);
- this.requestedCurrencies = currencies;
- }
-}
-function mapStateToProps(state: AppState): StateProps {
- return {
- balance: state.wallet.balance,
- tokenBalances: selectors.getShownTokenBalances(state, true),
- network: configSelectors.getNetworkConfig(state),
- rates: state.rates.rates,
- ratesError: state.rates.ratesError,
- isOffline: configMetaSelectors.getOffline(state)
- };
-}
-
-export default connect(
- mapStateToProps,
- { fetchCCRates: ratesActions.fetchCCRatesRequested }
-)(EquivalentValues);
diff --git a/common/components/BalanceSidebar/PromoComponents/HardwareWallets.tsx b/common/components/BalanceSidebar/PromoComponents/HardwareWallets.tsx
deleted file mode 100644
index c2d51535a..000000000
--- a/common/components/BalanceSidebar/PromoComponents/HardwareWallets.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-
-import { HELP_ARTICLE } from 'config';
-import { HelpLink } from 'components/ui';
-import ledgerLogo from 'assets/images/logo-ledger.svg';
-import trezorLogo from 'assets/images/logo-trezor.svg';
-import translate from 'translations';
-
-export const HardwareWallets: React.SFC = () => (
-
-
-
- {isOffline ? (
- {translate('SIDEBAR_EQUIV')}
- -
- {translate('EQUIV_VALS_OFFLINE')}
-
- ) : network.isTestnet ? (
-
-
- ) : network.hideEquivalentValues ? (
- {translate('EQUIV_VALS_TESTNET')}
-
-
- ) : ratesError ? (
- {translate('EQUIV_VALS_UNSUPPORTED_UNIT')}
-{ratesError}
- ) : isFetching ? ( -
-
- ) : (
-
- {pairRates.length ? (
-
- {pairRates.map(
- (equiv, i) =>
- (rateSymbols.symbols.fiat as string[]).includes(equiv.rate) && (
-
- ) : (
-
- )}
- {translate('EQUIV_VALS_UNSUPPORTED_UNIT')}
- )} -
-
-
-
- {translate('HARDWARE_PROMO')}
-
- 
- 
-
-
-
-
-);
diff --git a/common/components/BalanceSidebar/PromoComponents/Simplex.tsx b/common/components/BalanceSidebar/PromoComponents/Simplex.tsx
deleted file mode 100644
index 34732bbfc..000000000
--- a/common/components/BalanceSidebar/PromoComponents/Simplex.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import SimplexLogo from 'assets/images/logo-simplex.png';
-import { NewTabLink } from 'components/ui';
-import translate from 'translations';
-
-export const Simplex: React.SFC = () => (
-
-
- {translate('SHAPESHIFT_PROMO_1')}
-
-
-
- {translate('SHAPESHIFT_PROMO_1')}
-
- {translate('SHAPESHIFT_PROMO_2')}
-
-
- 
-
-
-
-
-
- {translate('SIMPLEX_PROMO')}
-
- 
-
-
-
- {this.getPromo()}
-
-
- );
- }
-
- private navigateToPromo = (idx: number) => () => {
- // stop rotating when user begins interacting with promos
- clearInterval(this.timer);
- this.setState({ activePromo: Math.max(0, Math.min(promos.length, idx)) });
- };
-
- private rotate = () => {
- const activePromo = (this.state.activePromo + 1) % promos.length;
- this.setState({ activePromo });
- };
-}
-
-function mapStateToProps(state: AppState): StateProps {
- return {
- wallet: state.wallet.inst
- };
-}
-
-export default connect(
- mapStateToProps,
- {}
-)(PromosClass);
diff --git a/common/components/BalanceSidebar/TokenBalances/AddCustomTokenForm/AddCustomTokenForm.scss b/common/components/BalanceSidebar/TokenBalances/AddCustomTokenForm/AddCustomTokenForm.scss
deleted file mode 100644
index fa18991c0..000000000
--- a/common/components/BalanceSidebar/TokenBalances/AddCustomTokenForm/AddCustomTokenForm.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-@import 'common/sass/variables';
-
-.AddCustom {
- &-field {
- margin-bottom: 0;
-
- &-error {
- font-size: 13px;
- font-weight: normal;
- color: color(brand-danger);
- }
- }
-
- &-buttons {
- padding-top: 10px;
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- margin: 0 -$space-xs;
-
- &-help {
- text-align: center;
- display: block;
- font-size: 13px;
- margin-bottom: 10px;
- }
-
- &-btn {
- padding: 0.5rem 1.5rem;
- margin: 0 $space-xs;
- }
- }
-}
diff --git a/common/components/BalanceSidebar/TokenBalances/AddCustomTokenForm/AddCustomTokenForm.tsx b/common/components/BalanceSidebar/TokenBalances/AddCustomTokenForm/AddCustomTokenForm.tsx
deleted file mode 100644
index f5656e429..000000000
--- a/common/components/BalanceSidebar/TokenBalances/AddCustomTokenForm/AddCustomTokenForm.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import React from 'react';
-import { Result } from 'mycrypto-nano-result';
-
-import { HELP_ARTICLE } from 'config';
-import translate from 'translations';
-import { Token } from 'types/network';
-import { HelpLink } from 'components/ui';
-import { AddressField } from './AddressField';
-import { DecimalField } from './DecimalField';
-import { SymbolField } from './SymbolField';
-import { BalanceField } from './BalanceField';
-import './AddCustomTokenForm.scss';
-
-interface Props {
- allTokens: Token[];
- isOffline: boolean;
- onSave(params: Token): void;
- toggleForm(): void;
-}
-
-export interface IGenerateSymbolLookup {
- [tokenSymbol: string]: boolean;
-}
-
-export interface IGenerateAddressLookup {
- [address: string]: boolean;
-}
-
-interface State {
- address: Result
- {promos.map((_, index) => {
- return (
-
- );
- })}
-
-
-
-
- );
- } else if (showCustomTokenForm) {
- bottom = (
- {translate('PROMPT_ADD_CUSTOM_TKN')}
-
-
- );
- } else {
- bottom = (
-
-
- {!isOffline && (
-
- )}
-
- );
- }
-
- return (
-
- {help &&
-
- {tokenBalances.map(token =>
- token ? (
-
- ) : isOffline ? (
-
- );
- }
-
- private toggleTrack = (symbol: string) => {
- this.setState({
- trackedTokens: {
- ...this.state.trackedTokens,
- [symbol]: !this.state.trackedTokens[symbol]
- }
- });
- };
-
- private toggleShowCustomTokenForm = () => {
- this.setState({
- showCustomTokenForm: !this.state.showCustomTokenForm
- });
- };
-
- /**
- *
- * @description Checks if all currently tracked tokens are custom
- * @private
- * @returns
- * @memberof TokenBalances
- */
- private onlyCustomTokens() {
- const tokenMap = this.props.tokenBalances.reduce<{ [key: string]: walletTypes.TokenBalance }>(
- (acc, cur) => ({ ...acc, [cur.symbol]: cur }),
- {}
- );
-
- return Object.keys(this.state.trackedTokens).reduce(
- (prev, tokenName) => tokenMap[tokenName].custom && prev,
- true
- );
- }
- private addCustomToken = (token: Token) => {
- this.props.onAddCustomToken(token);
- this.setState({ showCustomTokenForm: false });
- };
-
- private handleSetWalletTokens = () => {
- const { trackedTokens } = this.state;
- const desiredTokens = Object.keys(trackedTokens).filter(t => trackedTokens[t]);
- this.props.setWalletTokens(desiredTokens);
- };
-}
diff --git a/common/components/BalanceSidebar/TokenBalances/TokenRow.scss b/common/components/BalanceSidebar/TokenBalances/TokenRow.scss
deleted file mode 100644
index 66a1c1aa0..000000000
--- a/common/components/BalanceSidebar/TokenBalances/TokenRow.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@import "common/sass/variables";
-@import "common/sass/mixins";
-
-.TokenRow {
- border-bottom: 1px solid shade-dark(0.1);
-
- &-balance,
- &-symbol {
- padding: $space-xs 0 $space-xs $space-md;
- }
-
- &-balance {
- @include mono;
- }
-
- &-symbol {
- position: relative;
- font-weight: 300;
-
- &-remove {
- position: absolute;
- top: 50%;
- right: 4px;
- float: right;
- font-size: 18px;
- cursor: pointer;
- opacity: 0.4;
- transform: translateY(-50%);
-
- &:hover {
- opacity: 1;
- }
- }
- }
-}
diff --git a/common/components/BalanceSidebar/TokenBalances/TokenRow.tsx b/common/components/BalanceSidebar/TokenBalances/TokenRow.tsx
deleted file mode 100644
index fd5b34b0a..000000000
--- a/common/components/BalanceSidebar/TokenBalances/TokenRow.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-
-import { translateRaw } from 'translations';
-import { TokenValue } from 'libs/units';
-import removeIcon from 'assets/images/icon-remove.svg';
-import { UnitDisplay } from 'components/ui';
-import './TokenRow.scss';
-
-type ToggleTrackedFn = (symbol: string) => void;
-
-interface Props {
- balance: TokenValue;
- symbol: string;
- custom?: boolean;
- decimal: number;
- tracked: boolean;
- isOffline: boolean;
- toggleTracked: ToggleTrackedFn | false;
- onRemove(symbol: string): void;
-}
-interface State {
- showLongBalance: boolean;
-}
-
-export default class TokenRow extends React.PureComponent{help}
} - - {tokenBalances.length ? ( -
- {translate('SCAN_TOKENS_OFFLINE')}
-
- ) : (
- {translate('SCAN_TOKENS_FAIL_NO_TOKENS')}
- )}
- {bottom}
-
-
- );
- } else if (isTokensLoading) {
- content = (
- {tokensError}
- -
-
- );
- } else if (!walletTokens && !isOffline) {
- content = (
-
- );
- } else {
- const shownBalances =
- (walletTokens && tokenBalances.filter(t => walletTokens.includes(t.symbol))) || [];
-
- content = (
- {translate('SIDEBAR_TOKENBAL')}
- {content} -
- {this.props.network.isTestnet && (
-
- );
- }
-}
-
-const mapStateToProps = (state: AppState): StateProps => {
- return {
- isSchedulingEnabled: scheduleSelectors.isSchedulingEnabled(state),
- isToken: !selectors.isEtherTransaction(state),
- network: configSelectors.getNetworkConfig(state),
- sendingTokenApproveTransaction: scheduleSelectors.getSendingTokenApproveTransaction(state)
- };
-};
-
-export const Body = connect(mapStateToProps)(BodyClass);
diff --git a/common/components/ConfirmationModal/components/Body/components/Addresses.scss b/common/components/ConfirmationModal/components/Body/components/Addresses.scss
deleted file mode 100644
index fde6c8034..000000000
--- a/common/components/ConfirmationModal/components/Body/components/Addresses.scss
+++ /dev/null
@@ -1,84 +0,0 @@
-@import 'common/sass/variables';
-
-.tx-modal-address {
- // Table is necessary here so the size of the div fits to it's content, and margins can be applied to it.
- // width: fit-content; margin: auto; isn't widely supported, so for now, this is the best option
- display: table;
- padding: 1rem 0;
- margin: auto;
- .Identicon {
- margin-right: 1rem;
- }
- &-from,
- &-tkn-contract,
- &-to,
- &-send-amount {
- display: flex;
- align-items: center;
- margin: 1rem 0rem;
- width: inherit;
- &-icon {
- margin-right: 1rem;
- }
- &:first-child {
- margin-top: 0;
- }
- &-content {
- width: inherit;
- }
- &-title {
- margin: 0;
- margin-right: 16px;
- padding-bottom: 0.25rem;
- }
- &-address {
- margin: 0;
- font-family: $font-family-monospace;
- font-weight: 400;
- color: shade-dark(0.4);
- word-wrap: break-word;
- }
- }
-
- &-tkn-contract {
- &-icon {
- > img {
- transform: scale(0.75);
- }
- }
- &-title {
- margin: 0;
- padding: 0;
- font-weight: 400;
- color: shade-dark(0.4);
- }
- &-link {
- font-family: $font-family-monospace;
- font-weight: 400;
- }
- }
-
- &-send-amount {
- > img {
- height: 3rem;
- width: 3rem;
- transform: scale(0.75);
- }
- }
-
- @media screen and (max-width: 525px) {
- width: inherit;
- .Identicon {
- display: none;
- }
- &-tkn-contract {
- &-icon {
- display: none;
- }
- &-link {
- width: inherit;
- word-wrap: break-word;
- }
- }
- }
-}
diff --git a/common/components/ConfirmationModal/components/Body/components/Addresses.tsx b/common/components/ConfirmationModal/components/Body/components/Addresses.tsx
deleted file mode 100644
index 06b5fd8f2..000000000
--- a/common/components/ConfirmationModal/components/Body/components/Addresses.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-
-import { ETHAddressExplorer } from 'config';
-import translate, { translateRaw } from 'translations';
-import ERC20 from 'libs/erc20';
-import { AppState } from 'features/reducers';
-import * as selectors from 'features/selectors';
-import { scheduleSelectors } from 'features/schedule';
-import { configSelectors } from 'features/config';
-import arrow from 'assets/images/tail-triangle-down.svg';
-import { SerializedTransaction } from 'components/renderCbs';
-import { Identicon } from 'components/ui';
-import './Addresses.scss';
-import Scheduler from 'libs/scheduling/contracts/Scheduler';
-import { bufferToHex } from 'ethereumjs-util';
-
-interface StateProps {
- from: ReturnTypeTestnet Transaction
- )} - {this.props.isSchedulingEnabled && this.props.isToken && ( -- {translate('SCHEDULE_TOKEN_TRANSFER_NOTICE')} -
- )} - - {this.props.sendingTokenApproveTransaction && ( -- {translate('SCHEDULE_TOKEN_TRANSFER_APPROVE')} -
- )} - -}
-
-
- );
- }}
- />
- );
- }
-}
-
-const mapStateToProps = (state: AppState): StateProps => ({
- from: selectors.getFrom(state),
- isToken: !selectors.isEtherTransaction(state),
- unit: selectors.getUnit(state),
- toChecksumAddress: configSelectors.getChecksumAddressFn(state),
- isSchedulingEnabled: scheduleSelectors.isSchedulingEnabled(state),
- sendingTokenApproveTransaction: scheduleSelectors.getSendingTokenApproveTransaction(state),
- scheduledTransactionAddress: scheduleSelectors.getScheduledTransactionAddress(state),
- scheduledTokenTransferSymbol: scheduleSelectors.getScheduledTokenTransferSymbol(state)
-});
-
-export const Addresses = connect(mapStateToProps)(AddressesClass);
diff --git a/common/components/ConfirmationModal/components/Body/components/Amounts.scss b/common/components/ConfirmationModal/components/Body/components/Amounts.scss
deleted file mode 100644
index bed66ba19..000000000
--- a/common/components/ConfirmationModal/components/Body/components/Amounts.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-@import 'common/sass/variables';
-
-.tx-modal-amount {
- width: inherit;
- border-collapse: separate;
- padding-top: 1rem;
- padding-bottom: 0;
- &-send,
- &-fee,
- &-total {
- font-size: 1.15rem;
- @media screen and (max-width: 525px) {
- font-size: 1rem;
- }
-
- > td {
- padding: 0.5rem 0;
- text-align: right;
- color: shade-dark(0.5);
-
- &:not(:first-child) {
- padding-left: 0.5rem;
- }
-
- &:first-child {
- text-align: left;
- color: color(text-color);
- }
-
- &:last-child {
- font-size: 85%;
- }
- }
- }
-
- &-fee {
- > td {
- padding-bottom: 1rem;
- }
- }
-
- &-total {
- background-image: linear-gradient(to right, color(control-border) 33%, transparent 0%);
- background-position: top;
- background-size: 5px 1px;
- background-repeat: repeat-x;
- > td {
- padding-top: 1rem;
- padding-bottom: 1.5rem;
- }
- }
-}
diff --git a/common/components/ConfirmationModal/components/Body/components/Amounts.tsx b/common/components/ConfirmationModal/components/Body/components/Amounts.tsx
deleted file mode 100644
index edfbc8666..000000000
--- a/common/components/ConfirmationModal/components/Body/components/Amounts.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-
-import translate from 'translations';
-import { NetworkConfig } from 'types/network';
-import { AppState } from 'features/reducers';
-import * as derivedSelectors from 'features/selectors';
-import { configSelectors } from 'features/config';
-import { transactionSignTypes } from 'features/transaction';
-import { UnitDisplay } from 'components/ui';
-import './Amounts.scss';
-
-interface StateProps
- extends transactionSignTypes.SerializedTxParams,
- derivedSelectors.AllUSDValues {
- network: NetworkConfig;
-}
-
-class AmountsClass extends Component
- {from && (
-
-
- )}
-
- {(isToken || sendingTokenApproveTransaction) && (
-
-
- - {translate('CONFIRM_TX_FROM')}{' '} -
-- {toChecksumAddress(from)} -
-
-
- )}
- {isSchedulingEnabled && (
-
- 
-
-
-
- - {translate('CONFIRM_TX_VIA_CONTRACT', { - $unit: unit - })} -
- - {toChecksumAddress(tokenAddress)} - -
-
- )}
-
-
-
-
-
- - {translate('CONFIRM_TX_VIA_CONTRACT', { - $unit: 'SCHEDULER' - })} -
- - {toChecksumAddress(schedulerAddress)} - -
- {to && (
-
-
- )}
-
-
-
- - {translate('CONFIRM_TX_TO')}{' '} - {sendingTokenApproveTransaction && - `(${translateRaw('SCHEDULE_TOKEN_TRANSFER_SCHEDULED_TX')})`} -
-{toFormatted}
-| {translate('CONFIRM_TX_SENDING')} | -
- |
- {showConversion && (
-
- $
- |
- )}
-
| {translate('CONFIRM_TX_FEE')} | -
- |
- {showConversion && (
-
- $
- |
- )}
-
| {translate('CONFIRM_TX_TOTAL')} | -
- |
- {showConversion && (
-
- $
- |
- )}
-
-
-
- {
- return (
-
-
-
-
- );
- }}
- />
-
- );
- }
-}
-
-const mapStateToProps = (state: AppState) => ({ node: configNodesSelectors.getNodeConfig(state) });
-
-export const Details = connect(mapStateToProps)(DetailsClass);
diff --git a/common/components/ConfirmationModal/components/Body/components/Node.tsx b/common/components/ConfirmationModal/components/Body/components/Node.tsx
deleted file mode 100644
index a902c3ef7..000000000
--- a/common/components/ConfirmationModal/components/Body/components/Node.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-
-import translate from 'translations';
-import { StaticNodeConfig } from 'types/node';
-import { AppState } from 'features/reducers';
-import { configNodesSelectors } from 'features/config';
-
-interface StateProps {
- node: StaticNodeConfig;
-}
-
-class NodeClass extends Component
-
- );
- } else {
- return null;
- }
- }
-
- private setAddressState(props: Props) {
- if (props.wallet) {
- const walletAddress = props.wallet.getAddressString();
- this.setState({ walletAddress });
- } else {
- this.setState({ walletAddress: '' });
- }
- }
-
- private getMessage() {
- const { currentTo, tokens } = this.props;
- const { walletAddress } = this.state;
- // Make sure all comparisons are lower-cased.
- const address = currentTo.raw.toLowerCase();
-
- let message;
- let severity;
-
- // First check against our hard-coded messages
- const msg = getAddressMessage(address);
- if (msg) {
- message = (
- {message.message}
- - - A message regarding{' '} - - - - : - -
-{msg.msg}
-{translate('NODE_WARNING')}
}
-
- {nameConflictNode && (
-
- {translate('CUSTOM_NODE_NAME_CONFLICT', { $node: nameConflictNode.name })}
-
- )}
-
- {this.renderDefaultNodeDropdown()}
-
-
-
-
-
- )}
- />
-);
diff --git a/common/components/DataFieldFactory/DataFieldFactory.tsx b/common/components/DataFieldFactory/DataFieldFactory.tsx
deleted file mode 100644
index 32a71cb79..000000000
--- a/common/components/DataFieldFactory/DataFieldFactory.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import { AppState } from 'features/reducers';
-import * as selectors from 'features/selectors';
-import { transactionFieldsActions } from 'features/transaction';
-import { Query } from 'components/renderCbs';
-import { DataInput } from './DataInputFactory';
-
-export interface CallBackProps {
- data: AppState['transaction']['fields']['data'];
- validData: boolean;
- readOnly: boolean;
- onChange(ev: React.FormEvent
-
- );
- }
-
- private openLanguageSelect = () => {
- const panelContent =
-
-
-
- -
- {navigationLinks.map(link => (
-
-
-
-
-
-
-
-
-
-
-
- {panelContent}
-
- {Object.entries(languages).map(([code, lang]: [string, string]) => (
-
- ))}
-
- );
- }
-
- private handleLanguageSelect = (lang: string) => {
- this.props.changeLanguage(lang);
- this.props.closePanel();
- };
-}
-
-export default connect(
- (state: AppState): StateProps => ({
- languageSelection: configMetaSelectors.getLanguageSelection(state)
- }),
- {
- changeLanguage: configMetaActions.changeLanguage
- }
-)(LanguageSelect);
diff --git a/common/components/ElectronNav/NetworkSelect.tsx b/common/components/ElectronNav/NetworkSelect.tsx
deleted file mode 100644
index dddc63d9b..000000000
--- a/common/components/ElectronNav/NetworkSelect.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import { configNodesCustomTypes, configNodesCustomActions } from 'features/config';
-import NetworkSelector from 'components/NetworkSelector';
-import CustomNodeModal from 'components/CustomNodeModal';
-
-interface OwnProps {
- closePanel(): void;
-}
-
-interface DispatchProps {
- addCustomNode: configNodesCustomActions.TAddCustomNode;
-}
-
-type Props = OwnProps & DispatchProps;
-
-interface State {
- isAddingCustomNode: boolean;
-}
-
-class NetworkSelect extends React.Component
-
-
- );
-};
-
-export default connect(
- (state: AppState): StateProps => ({
- network: configSelectors.getNetworkConfig(state),
- isOffline: configMetaSelectors.getOffline(state),
- isChangingNode: configNodesSelectedSelectors.isNodeChanging(state)
- })
-)(NetworkStatus);
diff --git a/common/components/ElectronNav/index.tsx b/common/components/ElectronNav/index.tsx
deleted file mode 100644
index 905b034e6..000000000
--- a/common/components/ElectronNav/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './ElectronNav';
diff --git a/common/components/ErrorScreen/index.scss b/common/components/ErrorScreen/index.scss
deleted file mode 100644
index 858df6611..000000000
--- a/common/components/ErrorScreen/index.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-.ErrorScreen {
- @include cover-message;
- background: color(brand-danger);
-
- code {
- display: block;
- word-wrap: break-word;
- background: rgba(#fff, 0.25);
- border: 1px solid rgba(#fff, 0.6);
- color: #FFF;
- width: 100%;
- padding: 10px;
- border-radius: 2px;
- text-shadow: none;
- opacity: 0.8;
- }
-}
diff --git a/common/components/ErrorScreen/index.tsx b/common/components/ErrorScreen/index.tsx
deleted file mode 100644
index 52f3afaaa..000000000
--- a/common/components/ErrorScreen/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-
-import { NewTabLink } from 'components/ui';
-import './index.scss';
-
-const SUBJECT = 'Error!';
-const DESCRIPTION =
- 'I encountered an error while using MyCrypto. Here are the steps to re-create the issue:\n\nThe full error message:';
-
-interface Props {
- error: Error;
-}
-
-const ErrorScreen: React.SFC{translate(statusText, { $network })}
-
-
- );
-};
-
-export default ErrorScreen;
diff --git a/common/components/Errorable.tsx b/common/components/Errorable.tsx
deleted file mode 100644
index 881170ec2..000000000
--- a/common/components/Errorable.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import { notificationsActions } from 'features/notifications';
-
-interface DispatchProps {
- showNotification: notificationsActions.TShowNotification;
-}
-
-interface OwnProps {
- /**
- * Optional custom error message to display when a error is caught, otherwise the
- * actual error message is displayed to the user
- */
- errorMessage?: string;
- /**
- * Optional should catch condition, if left undefined then the component will by default
- * catch all errors, if false, then the component will not catch errors, if true,
- * the component will catch errors
- */
- shouldCatch?: boolean;
-
- /**
- * Optional callback handler when an error is encountered and this component
- * should catch it
- */
- onError?(): void;
-}
-
-type Props = DispatchProps & OwnProps;
-
-class ErrorBoundary extends React.Component
-
- Oops!
-Something went really wrong, so we're showing you this red error page! 😱
-
- Please contact{' '}
-
- support@mycrypto.com
- {' '}
- if a refresh doesn't fix it (or click it anyway to open a ticket 😊). You can also submit
- an issue on our{' '}
-
{error.message}
- - Please make sure the error message does not include any sensitive information before - sending it to us. We don't want your private keys! -
-
-
- );
-};
-
-export default TransactionSucceeded;
diff --git a/common/components/Footer/NewFooter/NewFooter.scss b/common/components/Footer/NewFooter/NewFooter.scss
deleted file mode 100644
index 54b72576e..000000000
--- a/common/components/Footer/NewFooter/NewFooter.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-@mixin perfectly-centered {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-$footer-background: #163150;
-$footer-text-color: #fff;
-
-.mobile-only {
- display: block;
-
- @media (min-width: 800px) {
- display: none;
- }
-}
-
-.tablet-only {
- display: none;
-
- @media (min-width: 800px) {
- display: block;
- }
- @media (min-width: 1050px) {
- display: none;
- }
-}
-
-.desktop-only {
- display: none;
-
- @media (min-width: 1050px) {
- display: block;
- }
-}
-
-.HorizontalRule {
- @include perfectly-centered;
-
- margin: 30px 0;
-
- &-line {
- width: 150px;
- height: 2px;
- background: #3f546c;
- }
-
- @media (min-width: 800px) {
- display: none;
- }
-}
-
-.VerticalRule {
- display: none;
- margin: 0 20px;
-
- &-line {
- width: 2px;
- height: 220px;
- background: #3f546c;
- }
-
- @media (min-width: 800px) {
- display: block;
- }
- @media (min-width: 1050px) {
- margin: 0 30px;
- }
-}
-
-.NewFooter-wrapper {
- display: flex;
- align-items: center;
- justify-content: center;
- background: $footer-background;
- border-top: 1px solid #3e546d;
-}
-
-.NewFooter {
- display: flex;
- flex-direction: column;
- min-width: 320px;
- padding: 41px 33px;
- background: $footer-background;
-
- &-socials-legal {
- @media (min-width: 800px) {
- display: none;
- }
- }
-
- @media (min-width: 800px) {
- flex-direction: row;
- }
- @media (min-width: 1050px) {
- padding-bottom: 0;
- }
-}
diff --git a/common/components/Footer/NewFooter/NewFooter.tsx b/common/components/Footer/NewFooter/NewFooter.tsx
deleted file mode 100644
index 8256f8bf8..000000000
--- a/common/components/Footer/NewFooter/NewFooter.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-
-import { DonateAndSubscribe, Linkset, LogoBox, SocialsAndLegal } from './components';
-import './NewFooter.scss';
-
-const HorizontalRule = () => (
- - {translate('SUCCESS_3')} {txHash} -
- {scheduleDetailsBtn} - {verifyBtn} - {altVerifyBtn} - - {translate('NAV_CHECKTXSTATUS')} - -{translate('NEW_FOOTER_TEXT_1')}
-- ✓ - {translate('NEW_FOOTER_TEXT_2')} -
-{heading}
--
- {links.map(({ title, link }) => (
-
- - {title} - - ))} -
{translate('NEW_FOOTER_TEXT_13')}
-© {new Date().getFullYear()} MyCrypto, Inc.
- {translateRaw('DISCLAIMER')} -{VERSION}
-
-
- - {translate('PREFOOTER_WARNING')}{' '} - {translateRaw('PREFOOTER_SECURITY_WARNING')} -
-
-
- );
- }
-
- private toggleModal = () => {
- this.setState(state => ({
- isDisclaimerOpen: !state.isDisclaimerOpen
- }));
- };
-}
diff --git a/common/components/GasLimitField.scss b/common/components/GasLimitField.scss
deleted file mode 100644
index cfc36f7ae..000000000
--- a/common/components/GasLimitField.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@import 'common/sass/variables';
-
-.gaslimit {
- &-label-wrapper {
- align-items: center;
- margin-bottom: $space-xs;
- > label {
- margin-bottom: 0;
- }
- }
-}
diff --git a/common/components/GasLimitField.tsx b/common/components/GasLimitField.tsx
deleted file mode 100644
index 690d72560..000000000
--- a/common/components/GasLimitField.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-
-import translate from 'translations';
-import { gasLimitValidator } from 'libs/validators';
-import { Input } from 'components/ui';
-import { InlineSpinner } from 'components/ui/InlineSpinner';
-import { GasLimitFieldFactory } from './GasLimitFieldFactory';
-import './GasLimitField.scss';
-
-interface Props {
- customLabel?: string;
- disabled?: boolean;
- hideGasCalculationSpinner?: boolean;
-}
-
-export const GasLimitField: React.SFC
-
-
- )}
- />
-);
diff --git a/common/components/GasLimitFieldFactory/GasLimitFieldFactory.tsx b/common/components/GasLimitFieldFactory/GasLimitFieldFactory.tsx
deleted file mode 100644
index cea0fcc10..000000000
--- a/common/components/GasLimitFieldFactory/GasLimitFieldFactory.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-
-import { sanitizeNumericalInput } from 'libs/values';
-import { AppState } from 'features/reducers';
-import { transactionFieldsActions } from 'features/transaction';
-import { scheduleSelectors } from 'features/schedule';
-import { GasQuery } from 'components/renderCbs';
-import { GasLimitInput } from './GasLimitInputFactory';
-
-const defaultGasLimit = '21000';
-
-export interface CallBackProps {
- readOnly: boolean;
- gasLimit: AppState['transaction']['fields']['gasLimit'];
- gasEstimationPending: boolean;
- onChange(value: React.FormEvent
-
- {getStringifiedTx(serializedTransaction as Buffer)}
-
- {serializedTransaction && (
-
-
- {addHexPrefix(serializedTransaction.toString('hex'))}
-
- )}
- -
-
- openSidebar('selectLanguage')}> - {languages[languageSelection]} - -
- openSidebar('selectNetworkAndNode')}> - {nodeLabel.network} ({nodeLabel.info}) - -
-
-
-
- {translateRaw('NEW_HEADER_TEXT_3')}
- {sendAndReceive && (
-
-
- {LINKSET.SEND_AND_RECEIVE.map(item => (
-
- - setAccessMessage(item.accessMessage)}> - {item.title} - - - ))} -
- -
- {translateRaw('NEW_HEADER_TEXT_4')}
- {buyAndExchange && (
-
-
- {LINKSET.BUY_AND_EXCHANGE.map(item => (
-
- - setAccessMessage('')}> - {item.title} - - - ))} -
- -
- {translateRaw('NEW_HEADER_TEXT_5')}
- {tools && (
-
-
- {LINKSET.TOOLS.map(item => (
-
- - setAccessMessage('')}> - {item.title} - - - ))} -
- - - - {translateRaw('NEW_HEADER_TEXT_6')} - - -
-
-
-
- {translateRaw('NEW_HEADER_TEXT_3')}
- {sendAndReceive && (
-
-
- {LINKSET.SEND_AND_RECEIVE.map(item => (
-
- - setAccessMessage(item.accessMessage)}> - {item.title} - - - ))} -
- -
- {translateRaw('NEW_HEADER_TEXT_4')}
- {buyAndExchange && (
-
-
- {LINKSET.BUY_AND_EXCHANGE.map(item => (
-
- - setAccessMessage('')}> - {item.title} - - - ))} -
- -
- {translateRaw('NEW_HEADER_TEXT_5')}
-
- {tools && (
-
-
- {LINKSET.TOOLS.map(item => (
-
- - setAccessMessage('')}> - {item.title} - - - ))} -
- - - - {translateRaw('NEW_HEADER_TEXT_6')} - - -
-
-
- { - openSidebar('selectLanguage'); - this.toggleMenu(); - }} - > - {languages[languageSelection]} - -
- { - openSidebar('selectNetworkAndNode'); - this.toggleMenu(); - }} - > - {nodeLabel.network} ({nodeLabel.info}) - -
-
- );
- };
-
- private onSelect = () => {
- if (this.dropdown) {
- this.dropdown.close();
- }
- };
-
- private openModal = () => {
- this.props.openCustomNodeModal();
- if (this.dropdown) {
- this.dropdown.close();
- }
- };
-}
-
-export default connect(
- (state: AppState): StateProps => ({
- node: configNodesSelectors.getNodeConfig(state),
- nodeLabel: configSelectors.getSelectedNodeLabel(state)
- })
-)(NetworkDropdown);
diff --git a/common/components/Header/components/OnlineStatus.scss b/common/components/Header/components/OnlineStatus.scss
deleted file mode 100644
index 8dda80b17..000000000
--- a/common/components/Header/components/OnlineStatus.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-@keyframes online-pulse {
- 0%, 100% {
- opacity: 0.8;
- }
- 50% {
- opacity: 0.7;
- }
-}
-
-.OnlineStatus {
- position: relative;
- width: 12px;
- height: 12px;
- text-align: center;
- transition: $transition;
- border-radius: 100%;
- transition: background-color 300ms ease;
- @include show-tooltip-on-hover;
-
- &.is-online {
- background: color(brand-success-light);
- }
-
- &.is-offline {
- background: color(brand-danger-light);
- }
-
- &.is-connecting {
- background: color(brand-warning);
- animation: online-pulse 800ms ease infinite;
- }
-}
diff --git a/common/components/Header/components/OnlineStatus.tsx b/common/components/Header/components/OnlineStatus.tsx
deleted file mode 100644
index 80be2c645..000000000
--- a/common/components/Header/components/OnlineStatus.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react';
-
-import { Tooltip } from 'components/ui';
-import './OnlineStatus.scss';
-
-interface Props {
- isOffline: boolean;
-}
-
-const OnlineStatus: React.SFC
- {isOffline ? 'Offline' : 'Online'}
-
-);
-
-export default OnlineStatus;
diff --git a/common/components/Header/components/constants.ts b/common/components/Header/components/constants.ts
deleted file mode 100644
index 9d24d6d25..000000000
--- a/common/components/Header/components/constants.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export enum TAB {
- VIEW = 'NAV_VIEW',
- CREATE = 'NAV_GENERATEWALLET',
- SWAP = 'NAV_SWAP',
- CONTRACTS = 'NAV_CONTRACTS',
- ENS = 'NAV_ENS',
- SIGN = 'NAV_SIGN',
- TXSTATUS = 'NAV_TXSTATUS',
- BROADCAST = 'NAV_BROADCAST'
-}
diff --git a/common/components/Header/index.scss b/common/components/Header/index.scss
deleted file mode 100644
index aa0fd2fce..000000000
--- a/common/components/Header/index.scss
+++ /dev/null
@@ -1,170 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-$small-size: 900px;
-
-@mixin small-query {
- @media screen and (max-width: $small-size) {
- @content;
- }
-}
-
-@mixin big-query {
- @media screen and (min-width: $small-size + 1) {
- @content;
- }
-}
-
-@keyframes dropdown-is-flashing {
- 0%,
- 100% {
- opacity: 0.8;
- }
- 50% {
- opacity: 0.7;
- }
-}
-
-// Header
-.Header {
- margin-bottom: 2rem;
-
- @media screen and (max-width: $screen-sm) {
- margin-bottom: 1rem;
- }
-
- &-announcement {
- padding: 4px 10px;
- line-height: 26px;
- font-size: 16px;
- text-align: center;
- font-weight: 300;
- color: #fff;
- transition: background-color 80ms ease;
- background: color(gray-darker);
-
- @include theme(dark) {
- background: color(gray-lighter);
- }
-
- a {
- color: #fff;
- text-decoration: underline;
- transition: none;
-
- &:hover,
- &:focus {
- opacity: 0.7;
- }
- }
-
- // Colors
- &.is-primary {
- background: color(brand-primary);
- }
-
- &.is-warning {
- background: color(brand-warning);
- }
-
- &.is-danger {
- background: color(brand-danger);
- }
-
- &.is-success {
- background: color(brand-success);
- }
-
- &.is-info {
- background: color(brand-info);
- border-bottom: 1px solid rgba(#fff, 0.4);
- }
- }
-
- &-branding {
- color: white;
- padding: 0;
- background: #274e7e;
- background-image: url('~assets/images/header-bg.jpg'), linear-gradient(130deg, #37709e, #274e7e);
- background-size: cover;
- background-position: left;
-
- @include small-query {
- text-align: center;
- background-position: center;
- }
-
- &-inner {
- display: flex;
- align-items: center;
- @include small-query {
- flex-direction: column;
- padding-left: $cont-padding;
- padding-right: $cont-padding;
- }
- }
-
- &-title {
- @include big-query {
- text-align: left;
- }
-
- &-logo {
- height: 64px;
- width: auto;
- padding: 8px;
- padding-right: 0;
- filter: drop-shadow(0 1px 0 rgba(#000, 0.12)) drop-shadow(1px 1px 0 rgba(#000, 0.12));
- }
- }
-
- &-right {
- font-size: 18px;
- font-weight: 300;
- color: color(text-color-inverted);
- flex: 1 auto;
- text-align: right;
- padding: 0 0 5px;
-
- @include small-query {
- text-align: center;
- }
-
- > * {
- display: inline-block;
- vertical-align: middle;
- margin-top: 5px;
- }
-
- &-version {
- max-width: 395px;
- margin-right: 10px;
- }
-
- &-online {
- margin-right: 6px;
- }
-
- &-dropdown {
- margin-left: 6px;
-
- @media screen and (max-width: $screen-xs) {
- .btn {
- padding: 0.3rem 0.5rem;
- }
- }
-
- &-add {
- text-align: center;
- padding-top: $space-sm !important;
- padding-bottom: $space-sm !important;
- }
-
- &.is-flashing {
- pointer-events: none;
- animation: dropdown-is-flashing 800ms ease infinite;
- }
- }
- }
- }
-}
diff --git a/common/components/Header/index.tsx b/common/components/Header/index.tsx
deleted file mode 100644
index 914061957..000000000
--- a/common/components/Header/index.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import React, { Component } from 'react';
-import { MapStateToProps, connect } from 'react-redux';
-import { Link } from 'react-router-dom';
-import classnames from 'classnames';
-
-import { ANNOUNCEMENT_MESSAGE, ANNOUNCEMENT_TYPE, languages } from 'config';
-import { NetworkConfig } from 'types/network';
-import { getKeyByValue } from 'utils/helpers';
-import logo from 'assets/images/logo-mycrypto.svg';
-import { OldDropDown } from 'components/ui';
-import {
- configSelectors,
- configMetaSelectors,
- configNodesCustomActions,
- configMetaActions,
- configNetworksCustomActions,
- configNodesSelectedActions,
- configNodesSelectedSelectors,
- configNodesStaticSelectors,
- configNodesCustomTypes
-} from 'features/config';
-import { AppState } from 'features/reducers';
-import { transactionFieldsActions } from 'features/transaction';
-import CustomNodeModal from 'components/CustomNodeModal';
-import NetworkDropdown from './components/NetworkDropdown';
-import Navigation from './components/Navigation';
-import OnlineStatus from './components/OnlineStatus';
-import './index.scss';
-
-interface OwnProps {
- networkParam: string | null;
-}
-
-interface DispatchProps {
- changeLanguage: configMetaActions.TChangeLanguage;
- changeNodeRequestedOneTime: configNodesSelectedActions.TChangeNodeRequestedOneTime;
- setGasPriceField: transactionFieldsActions.TSetGasPriceField;
- addCustomNode: configNodesCustomActions.TAddCustomNode;
- removeCustomNode: configNodesCustomActions.TRemoveCustomNode;
- addCustomNetwork: configNetworksCustomActions.TAddCustomNetwork;
-}
-
-interface StateProps {
- shouldSetNodeFromQS: boolean;
- network: NetworkConfig;
- languageSelection: ReturnType
- {ANNOUNCEMENT_MESSAGE && (
-
-
-
- 
-
-
-
-
-
- );
- }
-
- public changeLanguage = (value: string) => {
- const key = getKeyByValue(languages, value);
- if (key) {
- this.props.changeLanguage(key);
- }
- };
-
- private openCustomNodeModal = () => {
- this.setState({ isAddingCustomNode: true });
- };
-
- private closeCustomNodeModal = () => {
- this.setState({ isAddingCustomNode: false });
- };
-
- private addCustomNode = (payload: configNodesCustomTypes.AddCustomNodeAction['payload']) => {
- this.setState({ isAddingCustomNode: false });
- this.props.addCustomNode(payload);
- };
-
- private attemptSetNodeFromQueryParameter() {
- const { shouldSetNodeFromQS, networkParam } = this.props;
- if (shouldSetNodeFromQS) {
- this.props.changeNodeRequestedOneTime(networkParam!);
- }
- }
-}
-
-const mapStateToProps: MapStateToProps
- {ANNOUNCEMENT_MESSAGE}
-
- )}
-
-
-
-
-
-
-
-
-
-
- {translate('WALLET_LOGOUT_MODAL_DESC')}
-
-
- );
- }
-
- private handleSelect = () => {
- this.props.selectNetwork(this.props.network);
- };
-
- private handleToggleExpand = () => {
- this.props.toggleExpand(this.props.network);
- };
-}
diff --git a/common/components/NetworkSelector/NetworkSelector.scss b/common/components/NetworkSelector/NetworkSelector.scss
deleted file mode 100644
index 0792773dc..000000000
--- a/common/components/NetworkSelector/NetworkSelector.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-$button-padding: $space-xs $space-md;
-$button-font-size: $font-size-small;
-
-@if ($is-electron) {
- $button-padding: 12px 0px;
- $button-font-size: 13px;
-}
-
-
-.NetworkSelector {
- width: 100%;
- text-align: left;
- color: color(text-color);
- background: color(control-bg);
- font-size: $font-size-base;
-
- &-add,
- &-alts {
- @include reset-button;
- display: block;
- width: 100%;
- padding: $button-padding;
- text-align: center;
- color: color(text-color);
- font-size: $button-font-size;
-
- &:hover {
- color: color(link-hover-color);
- }
-
- .fa {
- font-size: 12px;
- width: 11px;
- text-align: center;
- opacity: 0.8;
- margin-right: $space-xs;
- }
- }
-
- &-alts {
- border-bottom: 1px solid shade-dark(0.08);
- }
-
- @if ($is-electron) {
- &-add {
- border-bottom: 1px solid shade-dark(0.08);
- }
- }
-}
diff --git a/common/components/NetworkSelector/NetworkSelector.tsx b/common/components/NetworkSelector/NetworkSelector.tsx
deleted file mode 100644
index 243745ef0..000000000
--- a/common/components/NetworkSelector/NetworkSelector.tsx
+++ /dev/null
@@ -1,170 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import translate, { translateRaw } from 'translations';
-import { NodeConfig } from 'types/node';
-import { NetworkConfig } from 'types/network';
-import { AppState } from 'features/reducers';
-import {
- configNodesSelectors,
- configNodesSelectedActions,
- configNetworksActions,
- configSelectors
-} from 'features/config';
-import NetworkOption from './NetworkOption';
-import './NetworkSelector.scss';
-
-const CORE_NETWORKS = ['ETH', 'Ropsten', 'Kovan', 'Rinkeby', 'Goerli', 'ETC', 'RSK'];
-
-interface OwnProps {
- openCustomNodeModal(): void;
- onSelectNetwork?(network: NetworkConfig): void;
- onSelectNode?(node: NodeConfig): void;
-}
-
-interface StateProps {
- node: NodeConfig;
- network: NetworkConfig;
- allNodes: { [key: string]: NodeConfig };
- allNetworks: { [key: string]: NetworkConfig };
-}
-
-interface DispatchProps {
- changeNodeRequested: configNodesSelectedActions.TChangeNodeRequested;
- changeNetworkRequested: configNetworksActions.TChangeNetworkRequested;
-}
-
-interface State {
- isShowingAltNetworks: boolean;
- expandedNetwork: null | NetworkConfig;
-}
-
-type Props = OwnProps & StateProps & DispatchProps;
-
-class NetworkSelector extends React.Component
-
- {isExpanded && (
- 1,
- 'is-long-name': isLongName
- })}
- title={translateRaw('NETWORKS_SWITCH', { $network: network.name })}
- onClick={this.handleSelect}
- >
- {network.name}
- {network.isTestnet && (
- ({translate('TESTNET')})
- )}
-
-
-
- {singleNodes.map(node => (
-
- )}
-
- {options.core}
-
- {isShowingAltNetworks && options.alt}
-
-
- );
- }
-
- private selectNetwork = (net: NetworkConfig) => {
- const { node } = this.props;
- if (net.id === node.network && node.isAuto) {
- return;
- }
-
- this.props.changeNetworkRequested(net.id);
- if (this.props.onSelectNetwork) {
- this.props.onSelectNetwork(net);
- }
- };
-
- private selectNode = (node: NodeConfig) => {
- if (node.id === this.props.node.id) {
- return;
- }
-
- this.props.changeNodeRequested(node.id);
- if (this.props.onSelectNode) {
- this.props.onSelectNode(node);
- }
- };
-
- private toggleNetworkExpand = (network: NetworkConfig) => {
- this.setState({
- expandedNetwork: network === this.state.expandedNetwork ? null : network
- });
- };
-
- private toggleShowAltNetworks = () => {
- this.setState({ isShowingAltNetworks: !this.state.isShowingAltNetworks });
- };
-}
-
-export default connect(
- (state: AppState): StateProps => ({
- node: configNodesSelectors.getNodeConfig(state),
- network: configSelectors.getNetworkConfig(state),
- allNodes: configSelectors.getAllNodes(state),
- allNetworks: configSelectors.getAllNetworkConfigs(state)
- }),
- {
- changeNodeRequested: configNodesSelectedActions.changeNodeRequested,
- changeNetworkRequested: configNetworksActions.changeNetworkRequested
- }
-)(NetworkSelector);
diff --git a/common/components/NetworkSelector/NodeOption.scss b/common/components/NetworkSelector/NodeOption.scss
deleted file mode 100644
index 300d5b2af..000000000
--- a/common/components/NetworkSelector/NodeOption.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@import 'common/sass/variables';
-@import 'common/sass/mixins';
-
-$radio-size: 10px;
-
-.NodeOption {
- display: flex;
- align-items: center;
- justify-content: space-between;
- font-size: $font-size-xs-bump;
-
- &-name {
- flex: 1;
- padding: 0.2rem 0;
- cursor: pointer;
- @include ellipsis;
-
- &:before {
- content: '';
- display: inline-block;
- border: 1px solid shade-dark(0.15);
- border-radius: 100%;
- height: $radio-size;
- width: $radio-size;
- margin-right: $space-xs;
- background: color(control-bg);
- box-shadow: 0 0 0 1px color(control-bg) inset;
- }
-
- &:hover {
- &:before {
- border-color: shade-dark(0.3);
- }
- }
-
- &.is-selected {
- &:before {
- border-color: color(brand-primary);
- background: color(brand-primary);
- }
- }
-
- &.is-auto-selected {
- &:before {
- background: color(brand-primary);
- opacity: 0.3;
-
- &:hover {
- opacity: 0.8;
- }
- }
-
- &:hover:before {
- opacity: 0.8;
- }
- }
- }
-
- &-remove {
- @include reset-button;
- opacity: 0.25;
- font-size: 14px;
-
- &:hover {
- color: color(brand-danger);
- opacity: 0.8;
- }
- }
-}
diff --git a/common/components/NetworkSelector/NodeOption.tsx b/common/components/NetworkSelector/NodeOption.tsx
deleted file mode 100644
index 3fffce782..000000000
--- a/common/components/NetworkSelector/NodeOption.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import classnames from 'classnames';
-import { translateRaw } from 'translations';
-import { configNodesCustomActions } from 'features/config';
-import { NodeConfig } from 'types/node';
-import './NodeOption.scss';
-
-interface OwnProps {
- node: NodeConfig;
- isSelected: boolean;
- isAutoSelected: boolean;
- select(node: NodeConfig): void;
-}
-
-interface DispatchProps {
- removeCustomNode: configNodesCustomActions.TRemoveCustomNode;
-}
-
-type Props = OwnProps & DispatchProps;
-
-class NodeOption extends React.PureComponent
-
- );
- }
-
- private handleSelect = () => {
- this.props.select(this.props.node);
- };
-
- private handleRemove = () => {
- if (this.props.node.isCustom) {
- this.props.removeCustomNode(this.props.node.id);
- }
- };
-}
-
-export default connect(
- undefined,
- { removeCustomNode: configNodesCustomActions.removeCustomNode }
-)(NodeOption);
diff --git a/common/components/NetworkSelector/index.tsx b/common/components/NetworkSelector/index.tsx
deleted file mode 100644
index b6e294711..000000000
--- a/common/components/NetworkSelector/index.tsx
+++ /dev/null
@@ -1,2 +0,0 @@
-import NetworkSelector from './NetworkSelector';
-export default NetworkSelector;
diff --git a/common/components/NewAppReleaseModal.tsx b/common/components/NewAppReleaseModal.tsx
deleted file mode 100644
index 2d423f8d3..000000000
--- a/common/components/NewAppReleaseModal.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-
-import translate, { translateRaw } from 'translations';
-import Modal, { IButton } from 'components/ui/Modal';
-import { getLatestElectronRelease } from 'utils/versioning';
-import { VERSION } from 'config/data';
-
-interface State {
- isOpen: boolean;
- newRelease?: string;
-}
-
-export default class NewAppReleaseModal extends React.PureComponent<{}, State> {
- public state: State = {
- isOpen: false
- };
-
- public async componentDidMount() {
- try {
- const newRelease = await getLatestElectronRelease();
- if (newRelease) {
- this.setState({ isOpen: true, newRelease });
- }
- } catch (err) {
- console.error('Failed to fetch latest release from GitHub:', err);
- }
- }
-
- public render() {
- const { isOpen } = this.state;
- const buttons: IButton[] = [
- {
- text: translate('APP_UPDATE_CONFIRM'),
- type: 'primary',
- onClick: this.openRelease
- },
- {
- text: translate('APP_UPDATE_CANCEL'),
- type: 'default',
- onClick: this.close
- }
- ];
-
- return (
-
- {node.isCustom ? node.name : node.service}
-
- {node.isCustom && (
-
- )}
- - {translateRaw('APP_UPDATE_BODY')} {this.versionCompareStr()} -
-Current Version: {VERSION}
-New Version: {this.state.newRelease}
- - ); - } - - private close = () => { - this.setState({ isOpen: false }); - }; - - private openRelease() { - window.open('https://github.com/MyCryptoHQ/MyCrypto/releases/latest'); - } -} diff --git a/common/components/NonceField.scss b/common/components/NonceField.scss deleted file mode 100644 index eb865d3ad..000000000 --- a/common/components/NonceField.scss +++ /dev/null @@ -1,40 +0,0 @@ -@import 'common/sass/variables'; -@import 'common/sass/mixins'; - -.Nonce { - &-label { - align-items: center; - margin-bottom: $space-xs; - &-text { - margin-bottom: 0; - } - } - &-field { - position: relative; - } - - &-refresh { - @include reset-button; - opacity: 0.3; - transition: opacity 300ms; - - > img { - height: 1.4rem; - } - &:hover { - opacity: 0.54; - } - &:active { - transition: opacity 120ms; - opacity: 1; - } - } - - &-spinner, - &-refresh { - position: absolute; - right: 0; - bottom: 1rem; - padding: 0.75rem 1rem; - } -} diff --git a/common/components/NonceField.tsx b/common/components/NonceField.tsx deleted file mode 100644 index 0cb7d963f..000000000 --- a/common/components/NonceField.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import React from 'react'; -import { connect } from 'react-redux'; - -import translate from 'translations'; -import { AppState } from 'features/reducers'; -import { configMetaSelectors } from 'features/config'; -import { transactionNetworkActions, transactionNetworkSelectors } from 'features/transaction'; -import { Spinner, Input } from 'components/ui'; -import Help from 'components/ui/Help'; -import { NonceFieldFactory } from 'components/NonceFieldFactory'; -import './NonceField.scss'; - -interface OwnProps { - alwaysDisplay: boolean; - showInvalidBeforeBlur?: boolean; -} - -interface StateProps { - isOffline: boolean; - noncePending: boolean; -} - -interface DispatchProps { - requestNonce: transactionNetworkActions.TGetNonceRequested; -} - -type Props = OwnProps & DispatchProps & StateProps; - -class NonceField extends React.Component
-
-
- ) : null;
- }}
- />
- );
- }
-}
-
-const mapStateToProps = (state: AppState): StateProps => {
- return {
- isOffline: configMetaSelectors.getOffline(state),
- noncePending: transactionNetworkSelectors.nonceRequestPending(state)
- };
-};
-
-export default connect(
- mapStateToProps,
- {
- requestNonce: transactionNetworkActions.getNonceRequested
- }
-)(NonceField);
diff --git a/common/components/NonceFieldFactory/NonceFieldFactory.tsx b/common/components/NonceFieldFactory/NonceFieldFactory.tsx
deleted file mode 100644
index 329e9167f..000000000
--- a/common/components/NonceFieldFactory/NonceFieldFactory.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-
-import { sanitizeNumericalInput } from 'libs/values';
-import { AppState } from 'features/reducers';
-import { transactionFieldsActions } from 'features/transaction';
-import { NonceInputFactory } from './NonceInputFactory';
-
-export interface CallbackProps {
- nonce: AppState['transaction']['fields']['nonce'];
- readOnly: boolean;
- shouldDisplay: boolean;
- onChange(ev: React.FormEvent
-
-
-
- /ᐠ≗ᆽ≗ᐟ \
-
- {COLORS.map(colors => (
-
-
- {colors.map(c => (
-
- ))}
-
-
-
- ))}
- {c}
- (this.container = el)}>
- 
-
-
- );
- }
-
- public toPNG = async () => {
- if (!this.container) {
- return '';
- }
- const canvas = await html2canvas(this.container);
- return canvas.toDataURL('image/png');
- };
-}
diff --git a/common/components/PrintableWallet/index.tsx b/common/components/PrintableWallet/index.tsx
deleted file mode 100644
index e55dcde0e..000000000
--- a/common/components/PrintableWallet/index.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-
-import translate from 'translations';
-import { stripHexPrefix } from 'libs/formatters';
-import { PaperWallet } from 'components';
-
-interface Props {
- address: string;
- privateKey: string;
-}
-
-interface State {
- paperWalletImage: string;
-}
-
-export default class PrintableWallet extends React.Component
-
-
-
-
- YOUR ADDRESS
-
- 
-
-
- AMOUNT / NOTES
-
-
-
-
-
- YOUR PRIVATE KEY
-
-
-
-
- Your Address:
-
- {address}
-
- Your Private Key:
-
- {privateKey}
-
-
-
-
- - Always look for this icon when sending to this wallet -
-
- (this.paperWallet = c)} />
-
- {translate('X_SAVE_PAPER')}
-
-
- );
- }
-}
diff --git a/common/components/RedirectWithQuery.tsx b/common/components/RedirectWithQuery.tsx
deleted file mode 100644
index 58b6e9ded..000000000
--- a/common/components/RedirectWithQuery.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import { Redirect } from 'react-router';
-
-interface RouterProps {
- from: string;
- to: string;
- strictArg?: boolean;
- exactArg?: boolean;
- pushArg?: boolean;
-}
-
-export class RedirectWithQuery extends React.Component
- To broadcast this transaction, paste the above into the{' '}
- Broadcast Transaction tab or{' '}
-
- {translate('CONFIRM_HARDWARE_WALLET_TRANSACTION')} -
- ) : null; - - return isSignaturePending ? ( -
-
- ) : null;
- }
-}
-
-export const SigningStatus = connect((state: AppState) => selectors.signaturePending(state))(
- SigningStatusClass
-);
diff --git a/common/components/SubTabs/SubTabs.scss b/common/components/SubTabs/SubTabs.scss
deleted file mode 100644
index 6bf97092e..000000000
--- a/common/components/SubTabs/SubTabs.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-@import 'common/sass/variables';
-
-.SubTabs {
- margin-top: $space-xs;
-
- .is-electron & {
- margin-top: 0;
- }
-
- &-tabs {
- display: inline-block;
- white-space: nowrap;
-
- &-link {
- display: inline-block;
- padding: 8px;
- font-size: $font-size-base;
- min-width: 80px;
- text-align: center;
- font-weight: 300;
- color: color(tab-color);
- border-bottom: 2px solid color(tab-border);
- transition-duration: 100ms;
- opacity: 0.7;
-
- &:hover {
- opacity: 1;
- color: color(tab-active-color);
- }
-
- &.is-active {
- color: color(tab-active-color);
- border-bottom-color: color(tab-active-border);
- opacity: 1;
- }
-
- &.is-disabled {
- color: color(gray-light);
- pointer-events: none;
- text-decoration: line-through;
- }
- }
- }
-
- &-select {
- margin-bottom: $space-md;
- }
-}
diff --git a/common/components/SubTabs/index.tsx b/common/components/SubTabs/index.tsx
deleted file mode 100644
index 7f18d33a7..000000000
--- a/common/components/SubTabs/index.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import React from 'react';
-import { NavLink, RouteComponentProps } from 'react-router-dom';
-import Select, { Option } from 'react-select';
-
-import './SubTabs.scss';
-
-export interface Tab {
- name: string | React.ReactElement
-
-
- );
- } else {
- // All tabs visible navigation
- content = (
- (this.tabsEl = el)}>
- {tabs.map((t, i) => (
-
- );
- }
-
- return (
- (this.containerEl = el)}>
- {content}
-
- );
- }
-
- private handleSelect = ({ value }: Option) => {
- this.props.history.push(`${this.props.match.url}/${value}`);
- };
-
- // Tabs become a dropdown if they would wrap
- private handleResize = () => {
- if (!this.containerEl) {
- return;
- }
-
- this.setState({
- isCollapsed: this.state.tabsWidth >= this.containerEl.offsetWidth
- });
- };
-
- // Store the tab width for future
- private measureTabsWidth = () => {
- if (this.tabsEl) {
- this.setState({ tabsWidth: this.tabsEl.offsetWidth }, () => {
- this.handleResize();
- });
- } else {
- // Briefly show, measure, collapse again still not enough room
- this.setState({ isCollapsed: false }, this.measureTabsWidth);
- }
- };
-}
-
-interface SubTabLinkProps {
- tab: Tab;
- basePath: string;
- className: string;
- onClick?(ev: React.MouseEvent
-
- {showAdvanced ? ( -
- );
- }
-
- private toggleAdvanced = () => {
- this.setState({ sliderState: this.state.sliderState === 'advanced' ? 'simple' : 'advanced' });
- };
-
- private handleGasPriceInput = (raw: string) => {
- // Realistically, we're not going to end up with a > 32 bit int, so it's
- // safe to cast to float, multiply by gwei units, then big number, since
- // some of the inputs may be sub-one float values.
- const value = new BN(parseFloat(raw) * parseFloat(Units.gwei));
- this.setState({
- gasPrice: { raw, value }
- });
- this.props.inputGasPriceIntent(raw);
- };
-}
-
-function mapStateToProps(state: AppState): StateProps {
- return {
- gasPrice: transactionFieldsSelectors.getGasPrice(state),
- offline: configMetaSelectors.getOffline(state),
- network: configSelectors.getNetworkConfig(state)
- };
-}
-
-export default connect(
- mapStateToProps,
- {
- inputGasPrice: transactionFieldsActions.inputGasPrice,
- inputGasPriceIntent: transactionFieldsActions.inputGasPriceIntent,
- fetchCCRates: ratesActions.fetchCCRatesRequested,
- getNonceRequested: transactionNetworkActions.getNonceRequested,
- resetTransactionRequested: transactionFieldsActions.resetTransactionRequested
- }
-)(TXMetaDataPanel);
diff --git a/common/components/TXMetaDataPanel/components/AdvancedGas.scss b/common/components/TXMetaDataPanel/components/AdvancedGas.scss
deleted file mode 100644
index f56179e26..000000000
--- a/common/components/TXMetaDataPanel/components/AdvancedGas.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-@import 'common/sass/variables';
-
-.AdvancedGas {
- margin-top: 0;
- margin-bottom: 0;
-
- &-calculate-limit {
- font-size: $font-size-small;
-
- .checkbox {
- display: flex;
- align-items: center;
- width: fit-content;
- input[type='checkbox'] {
- position: initial;
- margin: 0;
- margin-right: 8px;
- }
- span {
- font-weight: 400;
- }
- }
- }
-
- &-flex-wrapper {
- margin: 0px -8px;
- }
- &-gas-price,
- &-gas-limit,
- &-nonce {
- width: initial;
- flex-grow: 1;
- margin: 0px 8px;
- }
- @media screen and (max-width: $screen-lg) {
- &-flex-wrapper {
- flex-wrap: wrap;
- }
-
- &-nonce {
- width: 100%;
- }
- }
-}
diff --git a/common/components/TXMetaDataPanel/components/AdvancedGas.tsx b/common/components/TXMetaDataPanel/components/AdvancedGas.tsx
deleted file mode 100644
index 63278aa2e..000000000
--- a/common/components/TXMetaDataPanel/components/AdvancedGas.tsx
+++ /dev/null
@@ -1,214 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-
-import { EAC_SCHEDULING_CONFIG } from 'libs/scheduling';
-import translate, { translateRaw } from 'translations';
-import { AppState } from 'features/reducers';
-import { configMetaActions, configMetaSelectors } from 'features/config';
-import { scheduleSelectors } from 'features/schedule';
-import { transactionFieldsActions, transactionSelectors } from 'features/transaction';
-import {
- NonceField,
- GasLimitField,
- DataField,
- ScheduleDepositField,
- ScheduleType,
- WindowSizeField
-} from 'components';
-import { Input } from 'components/ui';
-import FeeSummary, { RenderData } from './FeeSummary';
-import './AdvancedGas.scss';
-
-export interface AdvancedOptions {
- gasPriceField?: boolean;
- gasLimitField?: boolean;
- nonceField?: boolean;
- dataField?: boolean;
- feeSummary?: boolean;
-}
-
-interface OwnProps {
- inputGasPrice: transactionFieldsActions.TInputGasPrice;
- gasPrice: AppState['transaction']['fields']['gasPrice'];
- options?: AdvancedOptions;
- scheduling?: boolean;
- scheduleGasPrice: AppState['schedule']['scheduleGasPrice'];
- timeBounty: AppState['schedule']['timeBounty'];
-}
-
-interface StateProps {
- autoGasLimitEnabled: AppState['config']['meta']['autoGasLimit'];
- validGasPrice: boolean;
-}
-
-interface DispatchProps {
- toggleAutoGasLimit: configMetaActions.TToggleAutoGasLimit;
-}
-
-interface State {
- options: AdvancedOptions;
-}
-
-type Props = OwnProps & StateProps & DispatchProps;
-
-class AdvancedGas extends React.Component- {showAdvanced ? ( -
- {scheduling && (
-
- );
- }
-
- private renderFee() {
- const { gasPrice, scheduleGasPrice } = this.props;
- const { feeSummary } = this.state.options;
-
- if (!feeSummary) {
- return;
- }
-
- return (
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {gasPriceField && (
-
-
- {dataField && (
-
-
- )}
-
- {gasLimitField && (
-
-
-
-
-
- )}
- {nonceField && (
-
-
- )}
-
-
- )}
-
- {this.renderFee()}
-
- this.printFeeFormula(data)}
- />
-
- );
- }
-
- private printFeeFormula(data: RenderData) {
- if (this.props.scheduling) {
- return this.getScheduleFeeFormula(data);
- }
-
- return this.getStandardFeeFormula(data);
- }
-
- private getStandardFeeFormula({ gasPriceWei, gasLimit, fee, usd }: RenderData) {
- return (
-
- {gasPriceWei} * {gasLimit} = {fee} {usd && ~= ${usd} USD}
-
- );
- }
-
- private getScheduleFeeFormula({ gasLimit, gasPriceWei, scheduleGasLimit, fee, usd }: RenderData) {
- const { scheduleGasPrice, timeBounty } = this.props;
-
- return (
-
- {timeBounty && timeBounty.value && timeBounty.value.toString()} + {gasPriceWei} *{' '}
- {gasLimit.toString()} +{' '}
- {scheduleGasPrice && scheduleGasPrice.value && scheduleGasPrice.value.toString()} * (
- {EAC_SCHEDULING_CONFIG.FUTURE_EXECUTION_COST.toString()} + {scheduleGasLimit}) = {fee}
- {usd && ~= ${usd} USD}
-
- );
- }
-
- private handleGasPriceChange = (ev: React.FormEvent
-
- );
- }
-
- const feeBig = this.getFee();
- const fee = (
-
- {this.props.render({
- gasPriceWei: gasPrice.value.toString(),
- gasPriceGwei: gasPrice.raw,
- fee,
- usd,
- gasLimit: gasLimit.raw,
- scheduleGasLimit: scheduleGasLimit.raw
- })}
-
- );
- }
-
- private getFee() {
- const { scheduling } = this.props;
-
- if (scheduling) {
- return this.calculateSchedulingFee();
- }
-
- return this.calculateStandardFee();
- }
-
- private calculateStandardFee() {
- const { gasPrice, gasLimit } = this.props;
-
- return gasPrice.value && gasLimit.value && gasPrice.value.mul(gasLimit.value);
- }
-
- private calculateSchedulingFee() {
- const { gasLimit, gasPrice, scheduleGasLimit, scheduleGasPrice, timeBounty } = this.props;
-
- return (
- gasPrice.value &&
- scheduleGasLimit.value &&
- timeBounty.value &&
- calcEACTotalCost(
- scheduleGasLimit.value,
- gasPrice.value,
- scheduleGasPrice.value,
- timeBounty.value,
- gasLimit.value
- )
- );
- }
-}
-
-function mapStateToProps(state: AppState): ReduxStateProps {
- return {
- gasLimit: transactionFieldsSelectors.getGasLimit(state),
- rates: state.rates.rates,
- network: configSelectors.getNetworkConfig(state),
- isOffline: configMetaSelectors.getOffline(state),
- isGasEstimating: gasSelectors.getIsEstimating(state),
- scheduling: scheduleSelectors.getSchedulingToggle(state).value,
- scheduleGasLimit: scheduleSelectors.getScheduleGasLimit(state),
- timeBounty: scheduleSelectors.getTimeBounty(state)
- };
-}
-
-export default connect(mapStateToProps)(FeeSummary);
diff --git a/common/components/TXMetaDataPanel/components/SimpleGas.scss b/common/components/TXMetaDataPanel/components/SimpleGas.scss
deleted file mode 100644
index 8434702e0..000000000
--- a/common/components/TXMetaDataPanel/components/SimpleGas.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-@import 'common/sass/variables';
-
-.SimpleGas {
- margin-top: 0;
- margin-bottom: 0;
-
- &-input-group {
- display: flex;
- > .SimpleGas-slider {
- flex-grow: 1;
- margin-right: $space;
-
- > .rc-slider > .rc-slider-step > .rc-slider-dot {
- height: 20px;
- width: 12px;
- bottom: -7px
- }
- }
-
- > .FeeSummary {
- margin-left: $space;
- min-width: 224px;
- }
-
- @media screen and (max-width: $screen-md) {
- flex-wrap: wrap;
-
- > .SimpleGas-slider {
- width: 100%;
- margin-right: 0;
- }
-
- > .FeeSummary {
- width: 100%;
- margin-left: 0;
- }
- }
- }
-
- &-slider {
- padding-top: 8px;
- margin-bottom: $space-xs;
-
- &-labels {
- margin-top: 4px;
- display: flex;
-
- > span {
- flex: 1;
- padding: 0 $space-xs;
- text-align: center;
- color: shade-dark(0.4);
- font-size: $font-size-xs;
-
- &:first-child {
- text-align: left;
- }
-
- &:last-child {
- text-align: right;
- }
- }
- }
- }
-}
diff --git a/common/components/TXMetaDataPanel/components/SimpleGas.tsx b/common/components/TXMetaDataPanel/components/SimpleGas.tsx
deleted file mode 100644
index a58b0ebe2..000000000
--- a/common/components/TXMetaDataPanel/components/SimpleGas.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import Slider, { createSliderWithTooltip, Marks } from 'rc-slider';
-
-import { gasPriceDefaults } from 'config';
-import translate, { translateRaw } from 'translations';
-import { Wei, fromWei } from 'libs/units';
-import { AppState } from 'features/reducers';
-import { configNodesSelectors } from 'features/config';
-import { transactionFieldsActions, transactionNetworkSelectors } from 'features/transaction';
-import { gasActions, gasSelectors } from 'features/gas';
-import { scheduleSelectors } from 'features/schedule';
-import { InlineSpinner } from 'components/ui/InlineSpinner';
-import FeeSummary from './FeeSummary';
-import './SimpleGas.scss';
-
-const SliderWithTooltip = createSliderWithTooltip(Slider);
-
-interface OwnProps {
- gasPrice: AppState['transaction']['fields']['gasPrice'];
- setGasPrice: transactionFieldsActions.TInputGasPrice;
-
- inputGasPrice(rawGas: string): void;
-}
-
-interface StateProps {
- gasEstimates: AppState['gas']['estimates'];
- isGasEstimating: AppState['gas']['isEstimating'];
- noncePending: boolean;
- gasLimitPending: boolean;
- isWeb3Node: boolean;
- gasLimitEstimationTimedOut: boolean;
- scheduleGasPrice: AppState['schedule']['scheduleGasPrice'];
-}
-
-interface ActionProps {
- fetchGasEstimates: gasActions.TFetchGasEstimates;
-}
-
-type Props = OwnProps & StateProps & ActionProps;
-
-interface State {
- hasSetRecommendedGasPrice: boolean;
-}
-
-interface GasTooltips {
- [estimationLevel: string]: string;
-}
-
-class SimpleGas extends React.Component
-
-
-