{"version":3,"file":"component---src-pages-weatherdisclaimer-js-3649927f9752c4275ea4.js","mappings":"2LAMMA,GAAYC,E,OAAAA,IAAW,SAACC,GAAD,MAAY,CACvCC,KAAM,CACJ,UAAW,CACTC,MAAO,WAET,UAAW,CACXC,gBAAiB,qBACjBD,MAAO,aAwBX,EAnBwB,WACpB,IAAME,EAAaN,IACnB,OACA,yBAAOO,GAAG,WACV,uBAAKA,GAAG,aAER,uBAAKC,UAAU,aACX,uBAAKC,MAAO,CAAEC,gBAAgB,8zUAAgBC,OAAO,QAASC,iBAAkB,YAAYC,mBAAoB,UAEhH,8CACA,mDAA0B,2BAA1B,OAAmD,qBAAGL,UAAWF,EAAWH,KAAMW,KAAK,sBAApC,iBAA0E,2BAA7H,qCACA,yBAAG,gBAAC,EAAAC,KAAD,CAAMP,UAAWF,EAAWH,KAAMa,gBAAgB,GAAGC,GAAG,aAAxD,2C,8DCdT,UAXc,WACZ,OACE,uBAAKR,MAAO,CAAES,MAAO,OAAQC,UAAW,SAAUC,QAAS,UACzD,uBAAKX,MAAO,CAAEL,MAAO,mBAAoBiB,UAAW,OAAQD,QAAS,UACnE,gBAAC,IAAD,CAAiBE,KAAMC,EAAAA,MACvB,wBAAMd,MAAO,CAACe,WAAW,SAAzB,kB,qJCkFV,UAlF0B,WACxB,OAAwBC,EAAAA,EAAAA,UAAS,IAA1BC,EAAP,KAAaC,EAAb,KACA,GAAsBF,EAAAA,EAAAA,UAASG,mFAAxBC,EAAP,KAAYC,EAAZ,KACA,GAA8BL,EAAAA,EAAAA,WAAS,GAAhCM,EAAP,KAAgBC,EAAhB,KACA,GAA0BP,EAAAA,EAAAA,WAAS,GAA5BQ,EAAP,KAAcC,EAAd,KAkBA,OAhBAC,EAAAA,EAAAA,YAAU,WACR,IAAMC,EAAS,mCAAG,2FAChBF,GAAS,GACTF,GAAW,GAFK,kBAIOK,GAAAA,CAAMR,GAJb,OAIRS,EAJQ,OAKdX,EAAQW,EAAOZ,KAAKa,mBALN,gDAOdL,GAAS,GACTM,QAAQC,IAAR,MARc,QAUhBT,GAAW,GAVK,yDAAH,qDAYfI,MACC,CAACP,IAGF,gBAAC,WAAD,KACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKa,MAAM,8CAA8CC,YAAY,gDACrE,uBAAKnC,UAAU,sBACf,gBAAC,IAAD,CAAMoC,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGxC,UAAU,YAAYC,MAAO,CAACwC,YAAY,IACzE,iDAIR,gBAAC,IAAD,CAAMC,WAAS,EAACC,QAAS,GACvB,gBAAC,IAAD,CAAMP,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACnCjB,EACC,gBAAC,UAAD,MAEA,gBAAC,WAAD,KACE,uBAAKvB,UAAU,WACZyB,GACC,2BACE,qBAAGxB,MAAO,CAAEL,MAAO,UAAWiB,UAAW,IAAzC,sGAIA,uBAAKZ,MAAO,CAAEU,UAAW,WACvB,gBAAC,IAAD,CACEX,UAAU,eACV4C,QAAS,kBACPtB,EAAOF,qFAHX,iBAcZ,gBAAC,WAAD,KACE,uBAAKpB,UAAU,WACZkB,EAAK2B,KAAI,SAACf,EAAQgB,GAAT,OACR,gBAAC,WAAD,CAAgBC,IAAKD,GACnB,qBAAG7C,MAAO,CAAEY,UAAW,MAAQiB,EAAOkB,QACtC,yBAAIlB,EAAOmB,QACX,yBAAInB,EAAOoB,QACX,yBAAIpB,EAAOqB,eAMrB,gBAAC,IAAD,CAAMf,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACpC,gBAAC,IAAD","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/weatherdisclaimer.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 Seo from \"../components/seo\"\nimport axios from \"axios\"\nimport Loading from \"./loading\"\nimport Button from \"@material-ui/core/Button\"\n\nconst WeatherDisclaimer = () => {\n  const [data, setData] = useState([])\n  const [url, setUrl] = useState(process.env.MET_WEATHERDISCLAIMER)\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.weatherDisclaimer)\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 Meteorological Department disclaimer\" description=\"Jersey Meteorological Department disclaimer\" />\n        <div className=\"forecastAutoMargin\">\n        <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  Weather disclaimer\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 && (\n                      <div>\n                        <p style={{ color: \"#bf0d0d\", marginTop: 0 }}>\n                          Sorry, the Weather disclaimer 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_WEATHERDISCLAIMER)\n                            }\n                          >\n                            Try again\n                          </Button>\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                </React.Fragment>\n              )}\n              <React.Fragment>\n                <div className=\"Content\">\n                  {data.map((result, index) => (\n                    <React.Fragment key={index}>\n                      <p style={{ marginTop: \"0\" }}>{result.Block1}</p>\n                      <p>{result.Block2}</p>\n                      <p>{result.Block3}</p>\n                      <p>{result.Block4}</p>\n                    </React.Fragment>\n                  ))}\n                </div>\n              </React.Fragment>\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 WeatherDisclaimer\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","useEffect","fetchData","axios","result","weatherDisclaimer","console","log","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","onClick","map","index","key","Block1","Block2","Block3","Block4"],"sourceRoot":""}