Moving from Custom alert to paragon alert widget.
VAN-43
This commit is contained in:
@@ -1,9 +1,8 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { FormattedMessage } from '@edx/frontend-platform/i18n';
|
||||
import { Hyperlink } from '@edx/paragon';
|
||||
import { Alert, Hyperlink } from '@edx/paragon';
|
||||
|
||||
import Alert from './Alert';
|
||||
|
||||
const ConfirmationAlert = (props) => {
|
||||
const { email } = props;
|
||||
@@ -25,7 +24,7 @@ const ConfirmationAlert = (props) => {
|
||||
|
||||
return (
|
||||
<Alert
|
||||
className="alert-success mt-n2"
|
||||
variant="success"
|
||||
>
|
||||
<h4 style={{ color: 'green' }}>
|
||||
<FormattedMessage
|
||||
|
||||
@@ -2,42 +2,40 @@
|
||||
|
||||
exports[`ConfirmationAlert should match default confirmation message snapshot 1`] = `
|
||||
<div
|
||||
className="alert d-flex align-items-start alert-success mt-n2"
|
||||
className="fade alert alert-success show"
|
||||
role="alert"
|
||||
>
|
||||
<div />
|
||||
<div>
|
||||
<h4
|
||||
style={
|
||||
Object {
|
||||
"color": "green",
|
||||
}
|
||||
<h4
|
||||
style={
|
||||
Object {
|
||||
"color": "green",
|
||||
}
|
||||
}
|
||||
>
|
||||
<span>
|
||||
Check Your Email
|
||||
</span>
|
||||
</h4>
|
||||
<span>
|
||||
You entered
|
||||
<strong>
|
||||
test@example.com
|
||||
</strong>
|
||||
. If this email address is associated with your edX account, we will send a message with password recovery instructions to this email address.
|
||||
<br />
|
||||
If you do not receive a password reset message after 1 minute, verify that you entered the correct email address, or check your spam folder.
|
||||
<br />
|
||||
If you need further assistance,
|
||||
<a
|
||||
href="https://support.edx.org/hc/en-us/articles/206212088-What-if-I-did-not-receive-a-password-reset-message-"
|
||||
onClick={[Function]}
|
||||
target="_self"
|
||||
>
|
||||
<span>
|
||||
Check Your Email
|
||||
contact technical support
|
||||
</span>
|
||||
</h4>
|
||||
<span>
|
||||
You entered
|
||||
<strong>
|
||||
test@example.com
|
||||
</strong>
|
||||
. If this email address is associated with your edX account, we will send a message with password recovery instructions to this email address.
|
||||
<br />
|
||||
If you do not receive a password reset message after 1 minute, verify that you entered the correct email address, or check your spam folder.
|
||||
<br />
|
||||
If you need further assistance,
|
||||
<a
|
||||
href="https://support.edx.org/hc/en-us/articles/206212088-What-if-I-did-not-receive-a-password-reset-message-"
|
||||
onClick={[Function]}
|
||||
target="_self"
|
||||
>
|
||||
<span>
|
||||
contact technical support
|
||||
</span>
|
||||
</a>
|
||||
.
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
.
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user