{"version":3,"file":"component---src-pages-forecasttimes-js-24cf7bfd4cf5dd93e913.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/forecasttimes.js","webpack://Jersey-Met-Redesign/./src/pages/loading.js"],"sourcesContent":["import React from 'react'\nimport { Link } from \"gatsby\";\nimport logo from \"../../../images/Jersey-Met-Premium-Services-Logo.svg\"\nimport \"../Sidebar.scss\";\nimport { makeStyles, } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    \"&:hover\": {\n      color: \"#b60011\",   \n    },\n    \"&:focus\": {\n    backgroundColor: \"hsl(208, 89%, 34%)\",\n    color: \"#fff\"\n    }\n  },\n}));\n\nconst PremiumServices = () => {\n    const hoverStyle = useStyles()\n    return (\n    <aside id=\"sideBar\" >\n    <div id=\"navigator\">\n\n    <div className=\"sidePanel\">\n        <div style={{ backgroundImage:`url(${logo})`, height:'100px', backgroundRepeat: 'no-repeat',backgroundPosition: '-5px' }}></div>\n        {/* <img alt=\"Premium services\" src={logo} ></img> */}\n        <h1>Premium Services</h1>    \n        <p>Talk to a forecaster on<br />T&nbsp;&nbsp;&nbsp;<a className={hoverStyle.root} href=\"tel:+4490580777774\">0905 807 7777</a><br />Calls charged at £1.50 per minute</p>\n        <p><Link className={hoverStyle.root} activeClassName=\"\" to='/services' >View all premium weather services</Link></p>\n     </div>\n\n     </div>\n     </aside>\n    )\n}\n\nexport default PremiumServices","import React, { useState, useEffect } from \"react\"\nimport Grid from \"@material-ui/core/Grid\"\nimport Layout from \"../components/layout\"\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport { Link } from \"gatsby\"\nimport Seo from \"../components/seo\"\nimport axios from \"axios\"\nimport Loading from \"./loading\"\nimport Button from \"@material-ui/core/Button\"\nimport \"../components/pageStyles.scss\"\n\nconst ForecastTimes = () => {\n  const [data, setData] = useState([])\n  const [headingContent1, setHeadingContent1] = useState([])\n  const [headingContent2, setHeadingContent2] = useState([])\n  const [headingContent3, setHeadingContent3] = useState([])\n  const [headingContent4, setHeadingContent4] = useState([])\n  const [url, setUrl] = useState(process.env.MET_FORECASTTIMES)\n  const [loading, setloading] = useState(true)\n  const [error, setError] = useState(false)\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setError(false)\n      setloading(true)\n      try {\n        const result = await axios(url)\n        setData(result.data)\n        setHeadingContent1(result.data.Heading1Content)\n        setHeadingContent2(result.data.Heading2Content)\n        setHeadingContent3(result.data.Heading3Content)\n        setHeadingContent4(result.data.Heading4Content)\n      } catch (error) {\n        setError(true)\n        console.log(error)\n      }\n      setloading(false)\n    }\n    fetchData()\n  }, [url])\n\n  return (\n    <React.Fragment>\n      <Layout>\n        <Seo title=\"Forecast times\" description=\"Times of update of the Channel Islands weather forecast on www.gov.je/weather, and the times of broadcast for the Channel Islands forecast on local radio, TV stations and marine radio\" />\n        <div className=\"forecastAutoMargin\">\n        <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  Forecast times\n                  </h1>                  \n      </Grid>\n          <Grid container spacing={0}>\n            <Grid item xs={12} sm={12} md={8} lg={8}>\n              {loading ? (\n                <Loading />\n              ) : (\n                <React.Fragment>\n                  <div className=\"Content\">\n                    {error && (\n                      <div>\n                        <p style={{ color: \"#bf0d0d\", marginTop: 0 }}>\n                          Sorry, the Forecast times information is not\n                          available at the moment. Please check back later.\n                        </p>\n                        <div style={{ textAlign: \"center\" }}>\n                          <Button\n                            className=\"resendButton\"\n                            onClick={() =>\n                              setUrl(process.env.MET_FORECASTTIMES)\n                            }\n                          >\n                            Try again\n                          </Button>\n                        </div>\n                      </div>\n                    )}\n                  </div>\n\n                  <article>\n                    <div className=\"Content\">\n                      <p style={{ marginTop: 0, paddingTop: 0 }}>\n                        {data.Paragraph0}\n                      </p>\n                      <h2>{data.Heading1}</h2>\n                      {headingContent1.map((result, index) => (\n                        <p key={index}>{result.Paragraph}</p>\n                      ))}\n                      <h2>{data.Heading2}</h2>\n                      {headingContent2.map((result, index) => (\n                        <p key={index}>{result.Paragraph}</p>\n                      ))}\n                      <h2>{data.Heading3}​</h2>\n                      {headingContent3.map((result, index) => (\n                        <p key={index}>{result.Paragraph}</p>\n                      ))}\n                      ​\n                      {!error && <a\n                        href=\"https://www.ports.je/weather\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"hover-link\"\n                      >\n                        Shipping forecasts and gale warnings broadcast​ by\n                        Jersey Coastguard\n                      </a>}\n                      <h2 style={{ marginTop: \"25px\" }}>​{data.Heading4}</h2>\n                      {headingContent4.map((result, index) => (\n                        <p key={index}>{result.Paragraph}</p>\n                      ))}\n                      {\n                      !error ?\n                      (<Link className=\"hover-link\" to={\"/services\"}>Jersey Met premium services</Link>) : \n                      (null)\n                      }\n                      ​\n                    </div>\n                  </article>\n                </React.Fragment>\n              )}\n            </Grid>\n            <Grid item xs={12} sm={12} md={4} lg={4}>\n              <PremiumServices />\n            </Grid>\n          </Grid>\n        </div>\n      </Layout>\n    </React.Fragment>\n  )\n}\nexport default ForecastTimes\n","import React from \"react\"\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSpinner } from \"@fortawesome/free-solid-svg-icons\";\n\nconst Loading = () => {\n    return (\n      <div style={{ width: \"100%\", textAlign: \"center\", display: \"block\" }}>\n        <div style={{ color: \"rgb(191, 13, 13)\", marginTop: \"15px\", display: \"block\" }}>\n          <FontAwesomeIcon icon={faSpinner} />\n          <span style={{marginLeft:\"10px\"}}>Loading...</span>\n        </div>\n      </div>\n    )\n  }\n\n  export default Loading;"],"names":["useStyles","makeStyles","theme","root","color","backgroundColor","hoverStyle","id","className","style","backgroundImage","height","backgroundRepeat","backgroundPosition","href","Link","activeClassName","to","useState","data","setData","headingContent1","setHeadingContent1","headingContent2","setHeadingContent2","headingContent3","setHeadingContent3","headingContent4","setHeadingContent4","process","url","setUrl","loading","setloading","error","setError","useEffect","fetchData","axios","result","Heading1Content","Heading2Content","Heading3Content","Heading4Content","console","log","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","marginTop","textAlign","onClick","paddingTop","Paragraph0","Heading1","map","index","key","Paragraph","Heading2","Heading3","target","rel","Heading4","width","display","icon","faSpinner","marginLeft"],"sourceRoot":""}