Moving from Custom alert to paragon alert widget.

VAN-43
This commit is contained in:
Adeel Khan
2020-11-09 19:07:45 +05:00
parent be49acde11
commit a4af6288e8
5 changed files with 69 additions and 77 deletions

View File

@@ -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

View File

@@ -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>
`;