You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.3 KiB
46 lines
1.3 KiB
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')
|
|
}
|
|
/>
|
|
);
|
|
}
|
|
|