Fix lint errors

This commit is contained in:
Karishma Chadha 2020-10-20 17:12:52 -04:00
parent ff6a3eb30f
commit 64bdc9eb29

View file

@ -825,12 +825,6 @@ class AnnualReport extends React.Component {
<h2> <h2>
<FormattedMessage id="annualReport.initiativesTitle" /> <FormattedMessage id="annualReport.initiativesTitle" />
</h2> </h2>
{/**<MediaQuery minWidth={frameless.tabletPortrait}>
<img src="/images/annual-report/initiatives/Pillars-Desktop.svg" />
</MediaQuery>
<MediaQuery maxWidth={frameless.tabletPortrait - 1}>
<img src="/images/annual-report/initiatives/Pillars-Mobile.svg" />
</MediaQuery>**/}
<div className="initiatives-pillars"> <div className="initiatives-pillars">
<div className="three-pillars"> <div className="three-pillars">
<div className="pillar-splash tools"> <div className="pillar-splash tools">
@ -1502,6 +1496,7 @@ class AnnualReport extends React.Component {
</div> </div>
<div className="video-container"> <div className="video-container">
<div className="video-background cps"> <div className="video-background cps">
{/* eslint-disable max-len */}
<MediaQuery minWidth={frameless.tabletPortrait}> <MediaQuery minWidth={frameless.tabletPortrait}>
<VideoPreview <VideoPreview
isYouTube isYouTube
@ -1528,6 +1523,7 @@ class AnnualReport extends React.Component {
videoWidth="380" videoWidth="380"
/> />
</MediaQuery> </MediaQuery>
{/* eslint-enable max-len */}
</div> </div>
</div> </div>
<div className="inner family-nights"> <div className="inner family-nights">
@ -1543,10 +1539,12 @@ class AnnualReport extends React.Component {
<img src="/images/annual-report/initiatives/schools/CPS Story/Pencils.svg" /> <img src="/images/annual-report/initiatives/schools/CPS Story/Pencils.svg" />
</div> </div>
<div className="four-pictures"> <div className="four-pictures">
{/* eslint-disable max-len */}
<img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 1.png" /> <img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 1.png" />
<img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 2.png" /> <img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 2.png" />
<img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 3.png" /> <img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 3.png" />
<img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 4.png" /> <img src="/images/annual-report/initiatives/schools/CPS Story/Family Night 4.png" />
{/* eslint-enable max-len */}
</div> </div>
<div className="pizza-img"> <div className="pizza-img">
<img src="/images/annual-report/initiatives/schools/CPS Story/Pizza.svg" /> <img src="/images/annual-report/initiatives/schools/CPS Story/Pizza.svg" />
@ -1566,10 +1564,12 @@ class AnnualReport extends React.Component {
</p> </p>
<div className="teacher-quote"> <div className="teacher-quote">
<div className="quote-person"> <div className="quote-person">
{/* eslint-disable max-len */}
<Avatar <Avatar
alt="" alt=""
src="/images/annual-report/initiatives/schools/CPS Story/School Quote Avatar.png" src="/images/annual-report/initiatives/schools/CPS Story/School Quote Avatar.png"
/> />
{/* eslint-enable max-len */}
<div> <div>
<FormattedMessage <FormattedMessage
id="annualReport.teacherPDQuoteAttribution" id="annualReport.teacherPDQuoteAttribution"
@ -1597,6 +1597,7 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.inTheNewsHeader" /> <FormattedMessage id="annualReport.inTheNewsHeader" />
</h4> </h4>
<div className="news-links"> <div className="news-links">
{/* eslint-disable max-len */}
<div className="icon-and-link"> <div className="icon-and-link">
<img src="/images/annual-report/initiatives/schools/CPS Story/News Icon.svg" /> <img src="/images/annual-report/initiatives/schools/CPS Story/News Icon.svg" />
<a <a
@ -1617,6 +1618,7 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.rollingStonesArticle" /> <FormattedMessage id="annualReport.rollingStonesArticle" />
</a> </a>
</div> </div>
{/* eslint-enable max-len */}
</div> </div>
</div> </div>
<div className="inner schools-conferences"> <div className="inner schools-conferences">
@ -1633,6 +1635,7 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.conferencesIntro" /> <FormattedMessage id="annualReport.conferencesIntro" />
</p> </p>
<div className="conferences-hero-and-caption"> <div className="conferences-hero-and-caption">
{/* eslint-disable-next-line max-len */}
<img src="/images/annual-report/initiatives/schools/Conferences Story/Scratch Conferences Hero.png" /> <img src="/images/annual-report/initiatives/schools/Conferences Story/Scratch Conferences Hero.png" />
<FormattedMessage <FormattedMessage
id="annualReport.conferencesHeroImageCaption" id="annualReport.conferencesHeroImageCaption"
@ -1645,19 +1648,21 @@ class AnnualReport extends React.Component {
<div className="schools-conferences-content"> <div className="schools-conferences-content">
<div className="schools-conferences-region"> <div className="schools-conferences-region">
<div className="conference-image-and-caption left"> <div className="conference-image-and-caption left">
{/* eslint-disable-next-line max-len */}
<img src="/images/annual-report/initiatives/schools/Conferences Story/Latin America Conference.png" /> <img src="/images/annual-report/initiatives/schools/Conferences Story/Latin America Conference.png" />
<FormattedMessage <FormattedMessage
id="annualReport.conferencesLatinAmericaImageCaption" id="annualReport.conferencesLatinAmericaImageCaption"
values={{ values={{
photoCredit: 'Scratch al Sur' photoCredit: 'Scratch al Sur'
}} }}
/> />
</div> </div>
<div className="conference-title-and-description"> <div className="conference-title-and-description">
<h4> <h4>
<FormattedMessage id="annualReport.conferencesLatinAmericaTitle" /> <FormattedMessage id="annualReport.conferencesLatinAmericaTitle" />
</h4> </h4>
<p> <p>
{/* eslint-disable max-len */}
<FormattedMessage <FormattedMessage
id="annualReport.conferencesLatinAmericaDescription" id="annualReport.conferencesLatinAmericaDescription"
values={{ values={{
@ -1690,6 +1695,7 @@ class AnnualReport extends React.Component {
) )
}} }}
/> />
{/* eslint-enable max-len */}
</p> </p>
</div> </div>
</div> </div>
@ -1709,7 +1715,6 @@ class AnnualReport extends React.Component {
target="_blank" target="_blank"
> >
Scratch Conference Europe Scratch Conference Europe
{/* <FormattedMessage id="annualReport.conferencesScratchConferenceEuropeLinkText" /> */}
</a> </a>
) )
}} }}
@ -1717,6 +1722,7 @@ class AnnualReport extends React.Component {
</p> </p>
</div> </div>
<div className="conference-image-and-caption"> <div className="conference-image-and-caption">
{/* eslint-disable-next-line max-len */}
<img src="/images/annual-report/initiatives/schools/Conferences Story/Europe Conference.png" /> <img src="/images/annual-report/initiatives/schools/Conferences Story/Europe Conference.png" />
<FormattedMessage <FormattedMessage
id="annualReport.conferencesEuropeImageCaption" id="annualReport.conferencesEuropeImageCaption"
@ -1728,6 +1734,7 @@ class AnnualReport extends React.Component {
</div> </div>
<div className="schools-conferences-region"> <div className="schools-conferences-region">
<div className="conference-image-and-caption left"> <div className="conference-image-and-caption left">
{/* eslint-disable-next-line max-len */}
<img src="/images/annual-report/initiatives/schools/Conferences Story/Africa Conference.png" /> <img src="/images/annual-report/initiatives/schools/Conferences Story/Africa Conference.png" />
<FormattedMessage <FormattedMessage
id="annualReport.conferencesAfricaImageCaption" id="annualReport.conferencesAfricaImageCaption"
@ -1751,7 +1758,6 @@ class AnnualReport extends React.Component {
target="_blank" target="_blank"
> >
Scratch Africa Conference Scratch Africa Conference
{/* <FormattedMessage id="annualReport.conferencesScratchAfricaConferenceLinkText" /> */}
</a> </a>
) )
}} }}