34 lines
952 B
JavaScript
34 lines
952 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import { useIntl } from '@edx/frontend-platform/i18n';
|
|
|
|
import { reduxHooks } from 'hooks';
|
|
import CreditContent from './components/CreditContent';
|
|
import ProviderLink from './components/ProviderLink';
|
|
|
|
import messages from './messages';
|
|
|
|
export const ApprovedContent = ({ cardId }) => {
|
|
const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);
|
|
const { formatMessage } = useIntl();
|
|
return (
|
|
<CreditContent
|
|
action={{ href, message: formatMessage(messages.viewCredit) }}
|
|
message={formatMessage(
|
|
messages.approved,
|
|
{
|
|
congratulations: <b>{formatMessage(messages.congratulations)}</b>,
|
|
linkToProviderSite: <ProviderLink cardId={cardId} />,
|
|
providerName,
|
|
},
|
|
)}
|
|
/>
|
|
);
|
|
};
|
|
ApprovedContent.propTypes = {
|
|
cardId: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default ApprovedContent;
|