Refactor alerts (#562)

* Refactor alerts
* Remove J40Alert and classes
* Make AlertWrapper the primary component.
* Props to show one or both alerts
* Unit tests to verify one or both works correctly
* Update pages to use AlertWrapper
* Remove unused J40Aside.
* Remove dead code from index
This commit is contained in:
TomNUSDS 2021-08-25 08:34:18 -07:00 committed by GitHub
commit b32fd6ddcb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 154 additions and 272 deletions

View file

@ -65,7 +65,10 @@ const IndexPage = ({location}: IndexPageProps) => {
return (
<Layout location={location}>
<AlertWrapper/>
<J40MainGridContainer>
<AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
</J40MainGridContainer>
<J40MainGridContainer className={'j40-about-page'}>
<AboutCardsContainer>
@ -129,36 +132,6 @@ const IndexPage = ({location}: IndexPageProps) => {
</AboutCard>
</AboutCardsContainer>
{/* <Grid tablet={{col: true}} gap={'lg'}>*/}
{/* <Grid row className={'j40-aboutcard-sm-card'}>*/}
{/* <Grid col={3} className={'j40-about-image-col'}>*/}
{/* <img*/}
{/* className={'j40-about-large-circle-graphics'}*/}
{/* alt="usa map graphics with pins"*/}
{/* src={aboutUSMapImg}/>*/}
{/* </Grid>*/}
{/* <Grid col={9} className={'j40-section-sm-body'}>*/}
{/* <h2>About the screening tool</h2>*/}
{/* */}
{/* </Grid>*/}
{/* </Grid>*/}
{/* <Grid row gap="lg" className={'flex-align-center j40-section-sm-body'}>*/}
{/* <Grid col={3} className={'j40-about-image-col'}>*/}
{/* <img*/}
{/* className={'j40-about-large-circle-graphics'}*/}
{/* alt="graphics showing 40%"*/}
{/* src={aboutJ40Img}/>*/}
{/* </Grid>*/}
{/* <Grid col={9}>*/}
{/* <h2>About the Justice40 Initiative</h2>*/}
{/* */}
{/* </Grid>*/}
{/* </Grid>*/}
{/* </Grid>*/}
</J40MainGridContainer>
<J40MainGridContainer