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.
73 lines
1.9 KiB
73 lines
1.9 KiB
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classNames from 'classnames';
|
|
import { useI18nContext } from '../../../../hooks/useI18nContext';
|
|
|
|
import Popover from '../../../ui/popover';
|
|
import Button from '../../../ui/button';
|
|
import Typography from '../../../ui/typography/typography';
|
|
import { TYPOGRAPHY } from '../../../../helpers/constants/design-system';
|
|
|
|
const DetectedTokenIgnoredPopover = ({
|
|
partiallyIgnoreDetectedTokens,
|
|
onCancelIgnore,
|
|
handleClearTokensSelection,
|
|
}) => {
|
|
const t = useI18nContext();
|
|
|
|
const footer = (
|
|
<>
|
|
<Button
|
|
className="detected-token-ignored-popover__ignore-button"
|
|
type="secondary"
|
|
onClick={onCancelIgnore}
|
|
>
|
|
{t('cancel')}
|
|
</Button>
|
|
<Button
|
|
className="detected-token-ignored-popover__import-button"
|
|
type="primary"
|
|
onClick={handleClearTokensSelection}
|
|
>
|
|
{t('confirm')}
|
|
</Button>
|
|
</>
|
|
);
|
|
|
|
return (
|
|
<Popover
|
|
title={
|
|
partiallyIgnoreDetectedTokens
|
|
? t('importSelectedTokens')
|
|
: t('areYouSure')
|
|
}
|
|
className={classNames('detected-token-ignored-popover', {
|
|
'detected-token-ignored-popover--import': partiallyIgnoreDetectedTokens,
|
|
'detected-token-ignored-popover--ignore':
|
|
!partiallyIgnoreDetectedTokens,
|
|
})}
|
|
footer={footer}
|
|
>
|
|
<Typography
|
|
variant={TYPOGRAPHY.H6}
|
|
tag={TYPOGRAPHY.H6}
|
|
marginTop={0}
|
|
marginRight={5}
|
|
marginBottom={7}
|
|
marginLeft={5}
|
|
>
|
|
{partiallyIgnoreDetectedTokens
|
|
? t('importSelectedTokensDescription')
|
|
: t('ignoreTokenWarning')}
|
|
</Typography>
|
|
</Popover>
|
|
);
|
|
};
|
|
|
|
DetectedTokenIgnoredPopover.propTypes = {
|
|
partiallyIgnoreDetectedTokens: PropTypes.bool.isRequired,
|
|
onCancelIgnore: PropTypes.func.isRequired,
|
|
handleClearTokensSelection: PropTypes.func.isRequired,
|
|
};
|
|
|
|
export default DetectedTokenIgnoredPopover;
|
|
|