-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #31 from hicsail/wireframe-components
Add about/strategies, homepage blog panel
- Loading branch information
Showing
3 changed files
with
106 additions
and
27 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,28 +1,55 @@ | ||
import { useQuery } from '@apollo/client'; | ||
import ReactMarkdown from 'react-markdown'; | ||
|
||
import { Box, Typography } from '@mui/material'; | ||
import { InfoPanelA } from '../components/InfoPanelA.jsx'; | ||
import { prependStrapiURL } from '../utils.jsx'; | ||
|
||
import { GET_ABOUT_MISSION } from '../gql.jsx'; | ||
|
||
import SentimentSatisfiedAltIcon from '@mui/icons-material/SentimentSatisfiedAlt'; | ||
function Strategies() { | ||
return ( | ||
<Box sx={{ display: 'flex' }}> | ||
<Box sx={{ width: '60%', display: 'flex', flexDirection: 'column' }}> | ||
<Typography variant="infoPanelBTitle" sx={{ textAlign: 'center' }}> | ||
Our Strategies | ||
</Typography> | ||
<Typography variant="infoPanelBBody" sx={{ textAlign: 'center' }}> | ||
RESTORE uses various strategies to achieve these goals, including: | ||
</Typography> | ||
<Typography variant="infoPanelBBody"> | ||
<Box sx={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)' }}> | ||
<p>Clinical training and consultation initiatives</p> | ||
<p>Expanding the capacity of the mental health workforce</p> | ||
<p>Offering web-delivered mental health applications</p> | ||
<p>Community health worker-supported services</p> | ||
<p>Tailoring treatments to fit usual care settings</p> | ||
<p>Cultural tailoring of treatments to enhance quality and fit with our patients</p> | ||
<p>Patient education and outreach to reduce mental health stigma and build trust</p> | ||
<p>Offering coping skills training to enhance readiness for intensive treatments</p> | ||
<p>Improving the efficiency of service delivery through measurement based care</p> | ||
<p>Partnering with the community through various advisory boards</p> | ||
</Box> | ||
</Typography> | ||
</Box> | ||
<Box sx={{ width: '40%', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}> | ||
<img width="100%" src={prependStrapiURL('/uploads/ourstrategies_090926ae2a.png')} /> | ||
</Box> | ||
</Box> | ||
); | ||
} | ||
|
||
export default function AboutMission() { | ||
const { loading, error, data } = useQuery(GET_ABOUT_MISSION); | ||
|
||
if (loading) return <p>Loading...</p>; | ||
if (error) return <p>Error : {error.message}</p>; | ||
|
||
return ( | ||
<> | ||
{/* As much as possible should become Strapi queries.*/} | ||
<InfoPanelA | ||
title="Our Mission: Providing Compassionate Psychiatric Care" | ||
subtitle="The REcovery from Stress and Trauma through Outpatient care, Research and Education (RESTORE) Center aims to improve access to high-quality services for PTSD across the health system and remove barriers to treatment for our patients." | ||
subtitle={ | ||
<p> | ||
The <strong>RE</strong>covery from <strong>S</strong>tress and <strong>T</strong>rauma through{' '} | ||
<strong>O</strong>utpatient care, <strong>R</strong>esearch and <strong>E</strong>ducation ( | ||
<strong>RESTORE</strong>) Center aims to <strong>improve access</strong> to high-quality services for PTSD | ||
across the health system and <strong>remove barriers</strong> to treatment for our patients. | ||
</p> | ||
} | ||
imageUrl="src/assets/imgplaceholder.png" | ||
icon={SentimentSatisfiedAltIcon} | ||
/> | ||
<ReactMarkdown>{data.aboutMission.data.attributes.Body}</ReactMarkdown> | ||
<Strategies /> | ||
</> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters