arno
/
trezor-wallet
mirror of https://github.com/trezor/trezor-wallet
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #165 from trezor/fix/purecomponent

Browse Source 
replace React.Component by React.PureComponent
pull/167/head
Vladimir Volek 6 years ago committed by GitHub
parent 37ed349dff c51b12906f
commit 931a22950d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
24 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File

4
src/components/Link/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled, { css } from 'styled-components';
import PropTypes from 'prop-types';
import { FONT_SIZE, TRANSITION } from 'config/variables';
@ -45,7 +45,7 @@ const StyledNavLink = styled(NavLink)`
`}
`;
class Link extends Component {
class Link extends PureComponent {
render() {
const shouldRenderRouterLink = this.props.to;
let LinkComponent;

4
src/components/images/CoinLogo/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
@ -13,7 +13,7 @@ const Logo = styled.img`
display: block;
`;
class CoinLogo extends Component {
class CoinLogo extends PureComponent {
constructor() {
super();
this.longIcons = ['etc', 'eth', 'trop'];

4
src/components/inputs/Input/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import styled, { css } from 'styled-components';
import colors from 'config/colors';
@ -72,7 +72,7 @@ const BottomText = styled.span`
color: ${props => (props.color ? props.color : colors.TEXT_SECONDARY)};
`;
class Input extends Component {
class Input extends PureComponent {
getIcon(inputState) {
let icon = [];
if (inputState === 'success') {

4
src/components/modals/confirm/UnverifiedAddress/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import { H2 } from 'components/Heading';
import P from 'components/Paragraph';
import styled from 'styled-components';
@ -36,7 +36,7 @@ const StyledButton = styled(Button)`
margin: 0 0 10px 0;
`;
class ConfirmUnverifiedAddress extends Component<Props> {
class ConfirmUnverifiedAddress extends PureComponent<Props> {
componentDidMount(): void {
this.keyboardHandler = this.keyboardHandler.bind(this);
window.addEventListener('keydown', this.keyboardHandler, false);

4
src/components/modals/device/Duplicate/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import { H3 } from 'components/Heading';
import P from 'components/Paragraph';
@ -62,7 +62,7 @@ const ErrorMessage = styled.div`
width: 100%;
`;
export default class DuplicateDevice extends Component<Props, State> {
export default class DuplicateDevice extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);

4
src/components/modals/device/Forget/index.js
Unescape View File

@ -1,6 +1,6 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import { H3 } from 'components/Heading';
import P from 'components/Paragraph';
@ -27,7 +27,7 @@ const Row = styled.div`
padding: 10px 0;
`;
class ForgetDevice extends Component<Props> {
class ForgetDevice extends PureComponent<Props> {
componentDidMount() {
this.keyboardHandler = this.keyboardHandler.bind(this);
window.addEventListener('keydown', this.keyboardHandler, false);

4
src/components/modals/device/Remember/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import { H3 } from 'components/Heading';
import P from 'components/Paragraph';
@ -47,7 +47,7 @@ const StyledLoader = styled(Loader)`
left: 200px;
`;
export default class RememberDevice extends Component<Props, State> {
export default class RememberDevice extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);

4
src/components/modals/device/WalletType/index.js
Unescape View File

@ -1,6 +1,6 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled, { css } from 'styled-components';
import { H3 } from 'components/Heading';
import P from 'components/Paragraph';
@ -64,7 +64,7 @@ const Content = styled.div`
`}
`;
class WalletType extends Component<Props> {
class WalletType extends PureComponent<Props> {
constructor(props: Props) {
super(props);
this.keyboardHandler = this.keyboardHandler.bind(this);

2
src/components/modals/index.js
Unescape View File

@ -85,7 +85,7 @@ const ModalWindow = styled.div`
text-align: center;
`;
class Modal extends React.Component<Props> {
class Modal extends React.PureComponent<Props> {
render() {
if (!this.props.modal.opened) return null;

4
src/components/modals/passphrase/Passphrase/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import colors from 'config/colors';
import { FONT_SIZE, TRANSITION } from 'config/variables';
@ -76,7 +76,7 @@ const LinkButton = styled(Button)`
}
`;
class Passphrase extends Component<Props, State> {
class Passphrase extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);

4
src/components/modals/pin/Pin/index.js
Unescape View File

@ -1,7 +1,7 @@
/* @flow */
import P from 'components/Paragraph';
import { H2 } from 'components/Heading';
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import Link from 'components/Link';
import styled from 'styled-components';
@ -39,7 +39,7 @@ const Footer = styled.div`
flex-direction: column;
`;
class Pin extends Component<Props, State> {
class Pin extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);

4
src/components/notifications/Context/components/Action/components/NotificationsGroups/components/Group/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import Icon from 'components/Icon';
@ -32,7 +32,7 @@ const Title = styled.div`
color: ${props => props.color};
`;
class Group extends Component {
class Group extends PureComponent {
constructor() {
super();
this.state = {

4
src/components/notifications/Context/components/Action/components/NotificationsGroups/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
@ -6,7 +6,7 @@ import Group from './components/Group';
const Wrapper = styled.div``;
class NotificationsGroup extends Component {
class NotificationsGroup extends PureComponent {
groupNotifications = notifications => notifications
.reduce((acc, obj) => {
const key = obj.type;

4
src/support/ErrorBoundary.js
Unescape View File

@ -1,8 +1,8 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import RedBox from 'redbox-react';
class ErrorBoundary extends Component {
class ErrorBoundary extends PureComponent {
constructor(props) {
super(props);
this.state = { hasError: false, error: false };

4
src/views/Landing/components/ConnectDevice/index.js
Unescape View File

@ -1,6 +1,6 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled, { keyframes } from 'styled-components';
import TrezorConnect from 'trezor-connect';
import P from 'components/Paragraph';
@ -14,7 +14,7 @@ type Props = {
showWebUsb: boolean,
showDisconnect: boolean,
};
class ConnectDevice extends Component<Props> {
class ConnectDevice extends PureComponent<Props> {
componentDidMount() {
if (this.props.showWebUsb) {
TrezorConnect.renderWebUSBButton();

4
src/views/Landing/components/InstallBridge/index.js
Unescape View File

@ -1,6 +1,6 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import colors from 'config/colors';
import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
@ -118,7 +118,7 @@ const Li = styled.li`
text-align: justify;
`;
class InstallBridge extends Component<Props, State> {
class InstallBridge extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);

4
src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js
Unescape View File

@ -3,14 +3,14 @@ import coins from 'constants/coins';
import colors from 'config/colors';
import ICONS from 'config/icons';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import { NavLink } from 'react-router-dom';
import Divider from '../Divider';
import RowCoin from '../RowCoin';
const Wrapper = styled.div``;
class CoinMenu extends Component {
class CoinMenu extends PureComponent {
getBaseUrl() {
const { selectedDevice } = this.props.wallet;
let baseUrl = '';

4
src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/DeviceList/index.js
Unescape View File

@ -1,6 +1,6 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import Icon from 'components/Icon';
import DeviceHeader from 'components/DeviceHeader';
@ -22,7 +22,7 @@ type Props = {
forgetDevice: $ElementType<CommonProps, 'forgetDevice'>;
};
class DeviceList extends Component<Props> {
class DeviceList extends PureComponent<Props> {
sortByInstance(a: TrezorDevice, b: TrezorDevice) {
if (!a.instance || !b.instance) return -1;
return a.instance > b.instance ? 1 : -1;

4
src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
import Icon from 'components/Icon';
@ -27,7 +27,7 @@ const Label = styled.div`
padding-left: 15px;
`;
class MenuItems extends Component {
class MenuItems extends PureComponent {
onDeviceMenuClick(action, device) {
if (action === 'reload') {
this.props.acquireDevice();

4
src/views/Wallet/components/LeftNavigation/components/DeviceMenu/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import TrezorConnect from 'trezor-connect';
import type { TrezorDevice } from 'flowtype';
@ -27,7 +27,7 @@ type DeviceMenuItem = {
label: string;
}
class DeviceMenu extends Component<Props> {
class DeviceMenu extends PureComponent<Props> {
constructor(props: Props) {
super(props);
this.mouseDownHandler = this.mouseDownHandler.bind(this);

4
src/views/Wallet/components/TopNavigationAccount/components/Indicator/index.js
Unescape View File

@ -2,7 +2,7 @@
import styled from 'styled-components';
import colors from 'config/colors';
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
type Props = {
@ -25,7 +25,7 @@ const Wrapper = styled.div`
transition: all 0.3s ease-in-out;
`;
class Indicator extends Component<Props, State> {
class Indicator extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);

4
src/views/Wallet/views/Account/Send/components/PendingTransactions/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import colors from 'config/colors';
import ColorHash from 'color-hash';
@ -67,7 +67,7 @@ const TransactionAmount = styled.div`
color: colors.TEXT_SECONDARY;
`;
class PendingTransactions extends Component<Props> {
class PendingTransactions extends PureComponent<Props> {
getPendingTransactions() {
return this.props.pending.filter(tx => !tx.rejected);
}

4
src/views/Wallet/views/Account/Summary/components/Balance/index.js
Unescape View File

@ -1,5 +1,5 @@
/* @flow */
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import BigNumber from 'bignumber.js';
import styled from 'styled-components';
import Icon from 'components/Icon';
@ -88,7 +88,7 @@ const Label = styled.div`
`;
class AccountBalance extends Component<Props, State> {
class AccountBalance extends PureComponent<Props, State> {
constructor(props: Props) {
super(props);
this.state = {

4
src/views/Wallet/views/Account/Summary/components/Token/index.js
Unescape View File

@ -1,4 +1,4 @@
import React, { Component } from 'react';
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import ColorHash from 'color-hash';
import ScaleText from 'react-scale-text';
@ -50,7 +50,7 @@ const RemoveTokenButton = styled(Button)`
padding: 0 0 0 10px;
`;
class AddedToken extends Component<> {
class AddedToken extends PureComponent {
getTokenBalance(token) {
const pendingAmount = stateUtils.getPendingAmount(this.props.pending, token.symbol, true);
const balance = new BigNumber(token.balance).minus(pendingAmount).toString(10);

Write Preview
Loading…
Cancel
Save