\r\n );\r\n};\r\n","import React, {useContext} from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { SiteContext } from '../../context/SiteContext';\r\nimport arrowPng from \"../../assets/images/arrow.png\";\r\nimport LanguageSelector from \"../LanguageSelector\"\r\nfunction Menu(props) {\r\n const location = useLocation();\r\n const { organ, organName, language } = useContext(SiteContext);\r\n let arrow = \r\n var visibility = \"hide\";\r\n\r\n if (props.menuVisibility) {\r\n visibility = \"show\";\r\n }\r\n\r\n return (\r\n
\r\n )\r\n}\r\n\r\nexport default Home;","import React, { useContext } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Row from \"react-bootstrap/Row\";\r\nimport Col from \"react-bootstrap/Col\";\r\nimport { SiteContext } from '../context/SiteContext';\r\n\r\nfunction NoMatch() {\r\n const { organ, language } = useContext(SiteContext);\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {language.noMatch.header}\r\n
\r\n
\r\n {language.noMatch.body}\r\n
\r\n
\r\n \r\n {language.noMatch.goHome}\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default NoMatch;","import React, { useState } from \"react\";\r\nimport MenuButton from \"./MenuButton\";\r\nimport Menu from \"./Menu\";\r\nfunction MobileNav() {\r\n const [visible, setVisible] = useState(false);\r\n\r\n const toggle = () => {\r\n setVisible(!visible);\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n\r\nexport default MobileNav;","import React, { useContext } from \"react\";\r\nimport MobileNav from \"../navigation/MobileNav\";\r\nimport { SiteContext } from \"../../context/SiteContext\";\r\nfunction Header(props) {\r\n const { language } = useContext(SiteContext);\r\n return (\r\n
\r\n \r\n
\r\n {language[props.section].header}\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Header;","import React, { useContext, useEffect, useState, useRef } from \"react\";\r\nimport { SiteContext } from '../context/SiteContext';\r\nimport Alert from \"react-bootstrap/Alert\";\r\nimport DonorPool from \"../screens/DonorPool\"\r\nimport DonorProfile from \"../screens/DonorProfile\"\r\nimport DonorMatch from \"../screens/DonorMatch\"\r\nimport TheCall from \"../screens/TheCall\";\r\nimport WhatIsRight from \"../screens/WhatIsRight\";\r\nimport BeingPrepared from \"../screens/BeingPrepared\";\r\nimport ActionsYouCanTake from \"../screens/ActionsYouCanTake\";\r\nimport Home from \"../screens/Home\";\r\nimport Container from \"react-bootstrap/Container\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport NoMatch from \"../screens/NoMatch\";\r\n\r\nimport Header from \"../components/header/Header\";\r\n\r\nimport {\r\n Switch,\r\n Route\r\n} from \"react-router-dom\";\r\nexport default function Main() {\r\n\r\n const { language } = useContext(SiteContext);\r\n const [showAlert, setShowAlert] = useState(true);\r\n const [alertHeight, setAlertHeight] = useState(null);\r\n const ref = useRef(null);\r\n\r\n useEffect(() => {\r\n setAlertHeight(ref.current.clientHeight);\r\n window.addEventListener('resize', handleResize);\r\n }, [])\r\n\r\n const handleResize = () => {\r\n setAlertHeight(ref.current.clientHeight);\r\n }\r\n\r\n const handleMailToClick = () => {\r\n window.location = 'mailto:' + language.home.bannerMailTo;\r\n }\r\n\r\n return (\r\n \r\n setShowAlert(false)} \r\n style={showAlert ? null : {display: 'none'}}\r\n dismissible>\r\n {language.home.banner}\r\n .\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport './styles/App.scss';\r\nimport CacheBuster from 'react-cache-buster';\r\nimport { version } from '../package.json';\r\nimport { SiteProvider } from './context/SiteContext';\r\nimport Sidebar from \"./components/navigation/Sidebar\";\r\nimport Main from \"./components/Main\";\r\nimport {\r\n useLocation\r\n} from \"react-router-dom\";\r\n\r\nfunction App() {\r\n let landingPages = [\"/\", \"/donorpool\", \"/donorprofile\", \"/donormatch\", \"/thecall\", \"/whatisright\", \"/beingprepared\", \"/actions\"];\r\n let location = useLocation();\r\n let bodyCSS = \"interior-page\"\r\n if (landingPages.includes(location.pathname)) {\r\n bodyCSS = \"landing-page\"\r\n }\r\n\r\n const search = location.search; \r\n const params = new URLSearchParams(search);\r\n const selectedOrgan = params.get('organ');\r\n const isProduction = process.env.NODE_ENV === 'production'\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default App;","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport {\r\n BrowserRouter as Router,\r\n} from \"react-router-dom\";\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}