1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/pages/send/send-header/send-header.component.js
Jyoti Puri ade9e4ac4b
Changing cancel button labels in send screen when in editing stage (#12056)
* Changing cancel button labels in send screen when in editing stage

* Re-route user to home page when reject is clicked on edit transaction page
2021-09-17 10:07:50 +05:30

47 lines
1.3 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 {
ASSET_TYPES,
getSendAsset,
getSendStage,
resetSendState,
SEND_STAGES,
} from '../../../ducks/send';
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 onClose = () => {
dispatch(resetSendState());
history.push(mostRecentOverviewPage);
};
let title = asset.type === ASSET_TYPES.NATIVE ? t('send') : t('sendTokens');
if (stage === SEND_STAGES.ADD_RECIPIENT || stage === SEND_STAGES.INACTIVE) {
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')
}
/>
);
}