{"version":3,"file":"component---src-pages-services-js-e6633b1627473c79a0e6.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/loading.js","webpack://Jersey-Met-Redesign/./src/pages/services.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 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;","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 axios from \"axios\"\nimport Loading from \"./loading\"\nimport Seo from \"../components/seo\"\nimport Button from '@material-ui/core/Button';\n\nconst JerseyMetPremiumServices = () => {\n  const [data, setData] = useState([])\n  const [url, setUrl] = useState(process.env.MET_JERSEYMETPREMIUMSERVICES)\n  const [loading, setloading] = useState(true)\n  const [error, setError] = useState(false)\n  const [block1, setBlock1] = useState([])\n  const [block2, setBlock2] = useState([])\n  const [block3, setBlock3] = useState([])\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        setBlock1(result.data.table1)\n        setBlock2(result.data.table2)\n        setBlock3(result.data.table3)\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=\"Jersey Met premium services\" description=\"Weather services and climate data available from Jersey’s Meteorological Department\" />\n        <div className=\"forecastAutoMargin\">\n      <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n            <h1>\n            Jersey Met premium services\n            </h1>                  \n      </Grid>\n          <Grid container spacing={2}>\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 && <div>\n                    <p style={{ color: \"#bf0d0d\", marginTop:0 }}>\n                      Sorry, the Jersey Met premium services information is not available at the\n                      moment. Please check back later.\n                    </p>\n                    <div style={{textAlign:\"center\"}}><Button className=\"resendButton\" onClick={() => setUrl(process.env.MET_JERSEYMETPREMIUMSERVICES) }>Try again</Button></div>\n                  </div>}\n               \n                <div>\n                <p>{data.content1}</p>\n                  <table className=\"tableStyle\">\n                    <tbody>\n                    {block1.map((result, index) => (\n                      <tr key={index}>\n                        <React.Fragment>\n                          <th className=\"premservice\">{result.col1}</th>\n                          <td>{result.col2}</td>\n                          <td>{result.col3}</td>\n                        </React.Fragment>\n                      </tr>\n                    ))}\n                    </tbody>\n                  </table>\n\n                  <p>\n                    {data.content2}\n                  </p>\n                  <h2>{data.content3}</h2>\n\n                  <table className=\"tableStyle\">\n                    <tbody>\n                    {block2.map((result, index) => (\n                      <tr key={index}>\n                        <React.Fragment>\n                          <th className=\"premservice\">{result.col1}</th>\n                          <td>{result.col2}</td>\n                          <td>{result.col3}</td>\n                        </React.Fragment>\n                      </tr>\n                    ))}\n                    </tbody>\n                  </table>  \n                  <p></p>\n\n                  <h2>​{data.content4}</h2>\n\n                  <table className=\"tableStyle\">\n                    <tbody>\n                    {block3.map((result, index) => (\n                      <tr key={index}>\n                        <React.Fragment>\n                          <th className=\"premservice\">{result.col1}</th>\n                          <td>{result.col2}</td>\n                        </React.Fragment>\n                      </tr>\n                    ))}\n                    </tbody>\n                  </table>\n\n                  <p>{data.content5}</p>\n                  <p>{data.content6}</p>\n                </div>\n                </div>\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 JerseyMetPremiumServices\n"],"names":["useStyles","makeStyles","theme","root","color","backgroundColor","hoverStyle","id","className","style","backgroundImage","height","backgroundRepeat","backgroundPosition","href","Link","activeClassName","to","width","textAlign","display","marginTop","icon","faSpinner","marginLeft","useState","data","setData","process","url","setUrl","loading","setloading","error","setError","block1","setBlock1","block2","setBlock2","block3","setBlock3","useEffect","fetchData","axios","result","table1","table2","table3","console","log","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","onClick","content1","map","index","key","col1","col2","col3","content2","content3","content4","content5","content6"],"sourceRoot":""}