import React, { useState } from 'react'
import styled from 'styled-components'
import MuiAccordion from '@mui/material/Accordion'
import MuiAccordionSummary from '@mui/material/AccordionSummary'
import MuiAccordionDetails from '@mui/material/AccordionDetails'
import colors from '../../config/colors'
const Accordion = styled(MuiAccordion)`
&.MuiPaper-elevation1 {
box-shadow: none;
border: 1px solid ${colors.white};
transition: 250ms border;
&.Mui-expanded {
border: 1px solid ${colors.lightgray};
box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%),
0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
}
}
`
const AccordionSummary = styled(MuiAccordionSummary)``
const AccordionDetails = styled(MuiAccordionDetails)`
flex-direction: column;
p {
display: block;
}
`
const press = {
2022: [
{
name: 'Politico',
link: 'hhttps://www.politico.com/newsletters/future-pulse/2022/03/30/amazons-telehealth-gold-rush-00021222',
text: "Amazon's telehealth gold rush",
date: '(March 30, 2022)',
},
{
name: 'Futurity',
link: 'https://www.futurity.org/demographics-covid-19-mortality-rates-place-2718012/',
text: 'How does where people live affect COVID-19 mortality rates?',
date: '(March 29, 2022)',
},
{
name: 'Atlantico (France)',
link: 'https://atlantico.fr/article/decryptage/le-surprenant-lien-entre-acces-a-internet-et-mortalite-covid',
text: 'Le surprenant lien entre accès à internet et mortalité Covid / The surprising link between internet access and Covid mortality',
date: '(March 27, 2022)',
},
{
name: 'Advisory Board',
link: 'https://www.advisory.com/daily-briefing/2022/03/24/internet-access',
text: 'How internet access impacts health outcomes',
date: '(March 24, 2022)',
},
{
name: 'Marketplace Tech',
link: 'https://www.marketplace.org/shows/marketplace-tech/limited-internet-access-linked-to-higher-covid-death-rates/',
text: 'Limited internet access linked to higher COVID death rates',
date: '(March 23, 2022)',
},
{
name: 'New York Post',
link: 'https://nypost.com/2022/03/18/study-finds-more-covid-deaths-were-reported-in-us-counties-with-lower-internet-access/',
text: 'Study finds more COVID deaths were reported in US counties with lower internet access',
date: '(March 18, 2022)',
},
{
name: 'Fox News',
link: 'https://www.foxnews.com/health/covid-deaths-counties-lower-internet',
text: 'More COVID deaths reported in US counties with lower internet access: study',
date: '(March 17, 2022)',
},
{
name: 'Vox',
link: 'https://www.vox.com/22979086/covid-pandemic-deaths-mortality-broadband-internet-access',
text: 'The surprising link between Covid-19 deaths and internet access',
date: '(March 16, 2022)',
},
{
name: 'University of Chicago',
link: 'https://news.uchicago.edu/story/demographics-alone-dont-explain-covid-19-mortality-rates-place-matters-too',
text: "Demographics alone don't explain COVID-19 mortality rates—-place matters too",
date: '(March 11, 2022)',
},
{
name: 'UMN Center for Infectious Disease Research and Policy',
link: 'https://www.cidrap.umn.edu/news-perspective/2022/03/covid-deaths-vary-race-community-social-factors',
text: 'COVID deaths vary by race, community, social factors',
date: '(March 7, 2022)',
},
],
2021: [
{
name: 'NBC Meet the Press',
link: 'https://www.nbcnews.com/meet-the-press/video/holiday-travel-busts-open-divided-political-and-vaccine-bubbles-127343685885',
text: 'Holiday travel busts open divided political and vaccine bubbles',
date: '(November 28, 2021)',
},
{
name: 'Fast Company Innovation by Design',
link: 'https://www.fastcompany.com/90667101/pandemic-response-innovation-by-design-2021',
text: 'Data Download',
date: '(September 21, 2021)',
},
{
name: 'USC Price Center for Social Innovation',
link: 'https://socialinnovation.usc.edu/wp-content/uploads/2021/10/RWJF-Report_FINAL_External.pdf',
text: 'Designing Data Platforms for Action & Influence: Lessons Learned From a Case Study of Five Data Platforms',
date: '(September 2021)',
},
{
name: 'Robert Wood Johnson Foundation',
link: 'https://www.rwjf.org/en/library/collections/better-data-for-better-health.html',
text: 'Better Data for Better Health: Data resources for analysis of the many factors that shape health in communities',
date: '(May 19, 2021)',
},
{
name: 'County Health Rankings & Roadmaps',
link: 'https://www.countyhealthrankings.org/news-events/tracking-covid-19-recently-updated-us-covid-atlas-offers-more-complete-picture-of-the-pandemic',
text: 'Tracking COVID-19: Recently Updated US COVID Atlas Offers More Complete Picture of the Pandemic Experience',
date: '(April 15, 2021)',
},
{
name: 'STAT',
link: 'https://www.statnews.com/2021/03/31/integrate-social-determinants-time-place-public-health-maps/',
text: 'Adding social determinants gives public health maps a sense of place and time',
date: '(March 31, 2021)',
},
{
name: 'MapBox',
link: 'https://www.mapbox.com/blog/notable-maps-visualizing-covid-19-and-surrounding-impacts-exploring-many-views-on-one-pandemic',
text: 'Notable Maps Visualizing COVID-19 and Surrounding Impacts',
date: '(February 5, 2021)',
},
],
2020: [
{
name: 'NPR - All Things Considered',
link: 'https://www.npr.org/2020/07/02/886845325/coronavirus-in-the-u-s-where-the-hotspots-are-now-and-where-to-expect-new-ones',
text: 'Coronavirus in the US -- Where the hotposts are now and where to expect new ones. ',
date: '(July 2, 2020)',
},
{
name: 'Politico',
link: 'https://www.politico.com/newsletters/politico-nightly-coronavirus-special-edition/2020/06/10/dont-call-it-a-second-wave-489488',
text: 'POLITICO Nightly: Coronavirus Special Edition, “Don’t Call it a Second Wave ',
date: '(June 12, 2020)',
},
{
name: 'Washington Post',
link: 'https://www.washingtonpost.com/news/powerpost/paloma/the-health-202/2020/06/01/the-health-202-the-summer-fight-against-the-coronavirus-will-be-a-local-one/5ed1753188e0fa32f822de79/',
text: 'The Health 202: The summer fight against the coronavirus will be a local one ',
date: '(June 1, 2020)',
},
{
name: 'Politico',
link: 'https://www.politico.com/newsletters/politico-nightly-coronavirus-special-edition/2020/05/12/pelosis-pandemic-strategy-489203',
text: 'POLITICO Nightly: Coronavirus Special Edition, “Pelosi’s Pandemic Strategy',
date: '(May 12, 2020)',
},
{
name: 'Washington Post',
link: 'https://www.washingtonpost.com/news/powerpost/paloma/the-health-202/2020/05/05/the-health-202-social-distancing-hasn-t-been-as-effective-in-stemming-u-s-coronavirus-deaths-as-policymakers-had-hoped/5eb04b6d88e0fa594778ea5e/',
text: "Social distancing hasn't been as effective in stemming U.S. coronavirus deaths as policymakers hoped",
date: '(May 5, 2020)',
},
{
name: 'New York Times',
link: 'https://www.nytimes.com/2020/04/10/nyregion/coronavirus-new-yorkers-leave.html',
text: 'Did New Yorkers Who Fled to Second Homes Bring the Virus?',
date: '(April 10, 2020)',
},
{
name: 'Washington Post',
link: 'https://www.washingtonpost.com/politics/even-as-deaths-mount-officials-see-signs-pandemics-toll-may-not-match-worst-fears/2020/04/07/cb2d2290-78d1-11ea-9bee-c5bf9d2e3288_story.html',
text: 'Even as deaths mount, officials see signs pandemic’s toll may not match worst fears',
date: '(April 8, 2020)',
},
{
name: 'Washington Post',
link: 'https://www.washingtonpost.com/politics/2020/04/08/leading-model-now-estimates-tens-thousands-fewer-covid-19-deaths-by-summer/',
text: 'A leading model now estimates tens of thousands fewer covid-19 deaths by summer ',
date: '(April 8, 2020)',
},
{
name: 'CBS This Morning',
link: 'https://www.youtube.com/watch?v=uqGXzWCD9Xk',
text: 'How the coronavirus is impacting rural areas',
date: '(April 6, 2020)',
},
{
name: 'ABC News',
link: 'https://www.youtube.com/watch?v=uqGXzWCD9Xk',
text: 'How the coronavirus is impacting rural areas',
date: '(April 6, 2020)',
},
{
name: 'CBS This Morning',
link: 'https://abcnews.go.com/Health/surprising-covid-19-hot-spots-coronavirus-threatens-rural/story?id=69940146',
text: 'Surprising COVID-19 hot spots: Why coronavirus still threatens rural areas',
date: '(April 4, 2020)',
},
{
name: 'Daily Mail',
link: 'https://www.dailymail.co.uk/news/article-8186581/Americas-hidden-hotspots-selfish-coronavirus-refugees-spread-disease.html',
text: "America's hidden hotspots: Shocking maps reveal how rural areas and small communities are some of the hardest hit by coronavirus as hospitals are overwhelmed just like in New York and New Orleans",
date: '(April 4, 2020)',
},
{
name: 'The Root',
link: 'https://www.theroot.com/8-of-the-10-worst-coronavirus-hot-spots-are-in-the-sout-1842648491',
text: '8 of the 10 Worst Coronavirus Hot Spots Are in the South. Apparently, Republican Governors Just Found Out About the Pandemic',
date: '(April 3, 2020)',
},
{
name: 'Scientific American',
link: 'https://www.scientificamerican.com/article/map-reveals-hidden-u-s-hotspots-of-coronavirus-infection/?fbclid=IwAR08weiTCQTmzeSd7harTwPDR7dgQEbUZYCr0CdJhEYJp4OK7ps9fgu7hgA',
text: 'Map Reveals Hidden U.S. Hotspots of Coronavirus Infection',
date: '(April 2, 2020)',
},
{
name: 'Business Insider',
link: 'https://www.businessinsider.com/coronavirus-hotspot-in-the-us-south-states-covid-19-pandemic-2020-4',
text: "New data reveals coronavirus hotspots brewing across the south, where the pandemic is set to 'hit hard'",
date: '(April 2, 2020)',
},
{
name: 'WGN',
link: 'https://wgntv.com/news/medical-watch/small-areas-hit-hard-by-covid-19-find-representation-in-u-of-c-map/',
text: 'Small areas hit hard by COVID-19 find representation in U of C map',
date: '(March 31, 2020)',
},
{
name: 'Business Insider',
link: 'https://www.businessinsider.com/next-wave-of-coronavirus-national-epidemic-new-orleans-philadelphia-2020-3',
text: 'The next wave of coronavirus outbreaks is threatening cities from New Orleans to Philadelphia, and it reveals the US is on pace for a national epidemic',
date: '(March 30, 2020)',
},
{
name: 'International Business Times',
link: 'https://www.ibtimes.com/coronavirus-usa-second-wave-outbreak-fall-possible-fauci-warns-2949741',
text: 'Coronavirus USA: Second Wave Of Outbreak In Fall Possible, Fauci Warns',
date: '(March 30, 2020)',
},
{
name: 'Vox',
link: 'https://www.vox.com/2020/3/28/21197421/usa-coronavirus-covid-19-rural-america',
text: 'The Coronavirus May Hit Rural America Later - and Harder',
date: '(March 28, 2020)',
},
{
name: 'UChicago News',
link: 'https://news.uchicago.edu/story/state-level-data-misses-growing-coronavirus-hot-spots-us-including-south',
text: 'State-level data misses growing coronavirus hot spots in the U.S., including in the South',
date: '(March 26, 2020)',
},
],
}
/**
* Accordion for Press Coverage. Uses default data in
* src/Components/Layout/MediaAccordion.jsx
* @component
* @category Components/Layout
* @subcategory MediaAccordion
*
* @param {Object} Props
* @param {Press} Props.content - Content for the accordion
* @param {string} Props.defaultPanel - The default panel to show, a string with
* panel + index, eg 'panel0' or 'panel1'
* @param {boolean | function} Props.sortFunc - Whether to sort the content by
* key of object, if false will remain as is, if function will use that
* function to sort Defaults to reverse chronological order
*/
function MediaAccordian({
defaultPanel = 'panel0',
content = press,
sortFunc = (a, b) => b[0] - a[0],
}) {
const [expanded, setExpanded] = useState(defaultPanel)
const info = sortFunc
? Object.entries(content).sort(sortFunc)
: Object.entries(content)
return (
<div>
<h2>IN THE PRESS</h2>
<hr />
{info.map(([year, content], index) => (
<Accordion
square
expanded={expanded === `panel${index}`}
onChange={() =>
setExpanded((prev) =>
prev === `panel${index}` ? 'panelX' : `panel${index}`
)
}
>
<AccordionSummary
aria-controls={`panel${index}d-content`}
id={`panel${index}d-header`}
>
<h2>
<b>{year}</b>
</h2>
</AccordionSummary>
<AccordionDetails>
{content.map((entry) => (
<p>
<b>{entry.name}: </b>
<a href={entry.link} target="_blank" rel="noopener noreferrer">
{entry.text}{' '}
</a>
{entry.date}
<br />
<br />
</p>
))}
</AccordionDetails>
</Accordion>
))}
</div>
)
}
export default MediaAccordian
/**
* @typedef {Object} PressEntry An object containing information about a press
* entry
* @property {string} name - The name of the publication
* @property {string} link - The link to the article
* @property {string} text - The text of the link, usually the title of the
* article
* @property {string} date - The date of the article publication
*/
/**
* A map of press entries, keyed by year, or other header to be used for title
*
* @typedef {Object.<number|string, PressEntry[]>} Press
*/
Source