Add alert banner to Contact Us Page with Covid-19 message (#23825)

PROD-1480
This commit is contained in:
julianajlk
2020-04-30 11:01:46 -04:00
committed by GitHub
parent 5d0ec0be97
commit d1ee55d57f

View File

@@ -5,7 +5,6 @@
import PropTypes from 'prop-types';
import React from 'react';
import ReactDOM from 'react-dom';
import { StatusAlert } from '@edx/paragon';
import StringUtils from 'edx-ui-toolkit/js/utils/string-utils';
@@ -150,23 +149,10 @@ class RenderForm extends React.Component {
return (
<div className="contact-us-wrapper">
<StatusAlert
alertType="info"
open
dialog={(
<div>
<span>Due to the recent increase in interest in online education and edX, we are currently experiencing an unusually high volume of support requests. We appreciate your patience as we work to review each request. Please check the </span>
<a
href="https://support.edx.org/hc/en-us"
target="_blank"
rel="noopener noreferrer"
>
Help Center
</a>
<span> as many questions may have already been answered.</span>
</div>
)}
/>
{/* Note: not using Paragon bc component shows in the DOM but not rendered, even when using version 2.6.4. */}
<div className="alert alert-warning" role="alert" style={{ marginBottom: '1rem', padding: '1.5rem', left: '0px', fontSize: '16px', backgroundColor: '#fffaed', color: '#171C29', border: '1px solid #FFD875', borderRadius: '0.3rem' }}>
<div>{gettext('Due to the recent increase in interest in online education and edX, we are currently experiencing an unusually high volume of support requests. We appreciate your patience as we work to review each request. Please check the ')}<a href="https://support.edx.org/hc/en-us" className="alert-link">Help Center</a>{gettext(' as many questions may have already been answered.')}</div>
</div>
<div className="row">
<div className="col-sm-12">