1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-13 13:17:13 +01:00
metamask-extension/ui/pages/send/send-header/send-header.component.js

52 lines
1.6 KiB
JavaScript
Raw Normal View History

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';
2018-04-07 00:29:51 +02:00
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');
2018-04-07 00:29:51 +02:00
if (
draftTransactionExists === false ||
[SEND_STAGES.ADD_RECIPIENT, SEND_STAGES.INACTIVE].includes(stage)
) {
title = t('sendTo');
} else if (stage === SEND_STAGES.EDIT) {
title = t('edit');
2018-04-07 00:29:51 +02:00
}
return (
<PageContainerHeader
className="send__header"
onClose={onClose}
title={title}
headerCloseText={
stage === SEND_STAGES.EDIT ? t('cancelEdit') : t('cancel')
}
hideClose={stage === SEND_STAGES.DRAFT}
/>
);
2018-04-07 00:29:51 +02:00
}