1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-04 23:14:56 +01:00
metamask-extension/ui/pages/send/send-header/send-header.component.js
2022-07-18 12:01:10 -05:00

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}
/>
);
}