m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Separate container from component as per https://github.com/MetaMask/metamask-extension/pull/12019#discussion_r703804969

Browse Source 
Signed-off-by: Akintayo A. Olusegun <akintayo.segun@gmail.com>
This commit is contained in:
Akintayo A. Olusegun 2021-09-08 01:12:56 +04:00
parent d78855cb3d
commit 409bb00748
3 changed files with 45 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
ui/components/app/confirm-page-container/confirm-page-container.component.js
View File

@ -1,12 +1,9 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import SenderToRecipient from '../../ui/sender-to-recipient';
import { PageContainerFooter } from '../../ui/page-container';
import EditGasPopover from '../edit-gas-popover';
import { EDIT_GAS_MODES } from '../../../../shared/constants/gas';
import { getAddressBookEntry } from '../../../selectors';
import * as actions from '../../../store/actions';
import Dialog from '../../ui/dialog';
import {
ConfirmPageContainerHeader,
@ -14,7 +11,7 @@ import {
ConfirmPageContainerNavigation,
} from '.';
class ConfirmPageContainer extends Component {
export default class ConfirmPageContainer extends Component {
static contextTypes = {
t: PropTypes.func,
};
@ -229,42 +226,3 @@ class ConfirmPageContainer extends Component {
);
}
}
function mapStateToProps(state, ownProps) {
const to = ownProps.toAddress;
const contact = getAddressBookEntry(state, to);
return {
contact,
toName: contact && contact.name ? contact.name : ownProps.toName,
to,
};
}
function mapDispatchToProps(dispatch) {
return {
showAddToAddressBookModal: (recipient) =>
dispatch(
actions.showModal({
name: 'ADD_TO_ADDRESSBOOK',
recipient,
}),
),
};
}
function mergeProps(stateProps, dispatchProps, ownProps) {
const { to, ...restStateProps } = stateProps;
return {
...ownProps,
...restStateProps,
showAddToAddressBookModal: () =>
dispatchProps.showAddToAddressBookModal(to),
};
}
export default connect(
mapStateToProps,
mapDispatchToProps,
mergeProps,
)(ConfirmPageContainer);

43
ui/components/app/confirm-page-container/confirm-page-container.container.js Normal file
View File

@ -0,0 +1,43 @@
import { connect } from 'react-redux';
import { getAddressBookEntry } from '../../../selectors';
import * as actions from '../../../store/actions';
import ConfirmPageContainer from './confirm-page-container.component';
function mapStateToProps(state, ownProps) {
const to = ownProps.toAddress;
const contact = getAddressBookEntry(state, to);
return {
contact,
toName: contact && contact.name ? contact.name : ownProps.toName,
to,
};
}
function mapDispatchToProps(dispatch) {
return {
showAddToAddressBookModal: (recipient) =>
dispatch(
actions.showModal({
name: 'ADD_TO_ADDRESSBOOK',
recipient,
}),
),
};
}
function mergeProps(stateProps, dispatchProps, ownProps) {
const { to, ...restStateProps } = stateProps;
return {
...ownProps,
...restStateProps,
showAddToAddressBookModal: () =>
dispatchProps.showAddToAddressBookModal(to),
};
}
export default connect(
mapStateToProps,
mapDispatchToProps,
mergeProps,
)(ConfirmPageContainer);

2
ui/components/app/confirm-page-container/index.js
View File

@ -1,4 +1,4 @@
export { default } from './confirm-page-container.component';
export { default } from './confirm-page-container.container';
export { default as ConfirmPageContainerHeader } from './confirm-page-container-header';
export { default as ConfirmDetailRow } from './confirm-detail-row';
export { default as ConfirmPageContainerNavigation } from './confirm-page-container-navigation';