mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-04 23:14:56 +01:00
52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import { useHistory } from 'react-router-dom';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
import PageContainerHeader from '../../../components/ui/page-container/page-container-header';
|
|
import { getMostRecentOverviewPage } from '../../../ducks/history/history';
|
|
import { useI18nContext } from '../../../hooks/useI18nContext';
|
|
import {
|
|
getDraftTransactionExists,
|
|
getSendAsset,
|
|
getSendStage,
|
|
resetSendState,
|
|
SEND_STAGES,
|
|
} from '../../../ducks/send';
|
|
import { ASSET_TYPES } from '../../../../shared/constants/transaction';
|
|
|
|
export default function SendHeader() {
|
|
const history = useHistory();
|
|
const mostRecentOverviewPage = useSelector(getMostRecentOverviewPage);
|
|
const dispatch = useDispatch();
|
|
const stage = useSelector(getSendStage);
|
|
const asset = useSelector(getSendAsset);
|
|
const t = useI18nContext();
|
|
const draftTransactionExists = useSelector(getDraftTransactionExists);
|
|
const onClose = () => {
|
|
dispatch(resetSendState());
|
|
history.push(mostRecentOverviewPage);
|
|
};
|
|
|
|
let title = asset?.type === ASSET_TYPES.NATIVE ? t('send') : t('sendTokens');
|
|
|
|
if (
|
|
draftTransactionExists === false ||
|
|
[SEND_STAGES.ADD_RECIPIENT, SEND_STAGES.INACTIVE].includes(stage)
|
|
) {
|
|
title = t('sendTo');
|
|
} else if (stage === SEND_STAGES.EDIT) {
|
|
title = t('edit');
|
|
}
|
|
|
|
return (
|
|
<PageContainerHeader
|
|
className="send__header"
|
|
onClose={onClose}
|
|
title={title}
|
|
headerCloseText={
|
|
stage === SEND_STAGES.EDIT ? t('cancelEdit') : t('cancel')
|
|
}
|
|
hideClose={stage === SEND_STAGES.DRAFT}
|
|
/>
|
|
);
|
|
}
|