{"version":3,"file":"component---src-pages-liveweatherobservations-js-f086c05360210e0fb751.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,2IC6CT,UAlE8B,WAE9B,OAAwBC,EAAAA,EAAAA,UAAS,IAA1BC,EAAP,KAAaC,EAAb,KACOC,GAAOH,EAAAA,EAAAA,UAASI,yFAAvB,GACA,GAA8BJ,EAAAA,EAAAA,WAAS,GAAhCK,EAAP,KAAgBC,EAAhB,KACA,GAA0BN,EAAAA,EAAAA,WAAS,GAA5BO,EAAP,KAAcC,EAAd,KAkBI,OAhBJC,EAAAA,EAAAA,YAAU,WACR,IAAMC,EAAS,mCAAG,2FAChBF,GAAS,GACTF,GAAW,GAFK,kBAIOK,GAAAA,CAAMR,GAJb,OAIRS,EAJQ,OAKdV,EAAQU,EAAOX,KAAKY,yBALN,gDAOdL,GAAS,GACTM,QAAQC,IAAR,MARc,QAUhBT,GAAW,GAVK,yDAAH,qDAYfI,MACC,CAACP,IAGI,gBAAC,WAAD,KACE,gBAAC,IAAD,KACA,gBAAC,IAAD,CAAKa,MAAM,uCAAuCC,YAAY,4EAC9D,uBAAK3B,UAAU,sBACf,gBAAC,IAAD,CAAM4B,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGhC,UAAU,YAAYC,MAAO,CAACgC,YAAY,IAC7E,mDAIJ,gBAAC,IAAD,CAAMC,WAAS,EAACC,QAAS,GACrB,gBAAC,IAAD,CAAOP,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACvC,gBAAC,WAAD,KACA,uBAAKhC,UAAU,WACdiB,EACH,gBAAC,WAAD,KACE,2BACE,qBAAGhB,MAAO,CAAEL,MAAO,YAAnB,gDAGFmB,EACF,gBAAC,UAAD,MAEAJ,EAAKyB,KAAI,SAACd,EAAQe,GAAT,OACP,gCACA,uBAAKC,IAAKD,EAAOpC,MAAO,CAACsC,SAAS,QAASC,QAAQ,QAASC,OAAO,QAASC,IAAKpB,EAAOqB,WACxF,yBAAIrB,EAAOsB,gBAQP,gBAAC,IAAD,CAAMhB,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACpC,gBAAC,IAAD,a,8DCnDtB,UAXc,WACZ,OACE,uBAAK/B,MAAO,CAAE4C,MAAO,OAAQC,UAAW,SAAUN,QAAS,UACzD,uBAAKvC,MAAO,CAAEL,MAAO,mBAAoBmD,UAAW,OAAQP,QAAS,UACnE,gBAAC,IAAD,CAAiBQ,KAAMC,EAAAA,MACvB,wBAAMhD,MAAO,CAACiD,WAAW,SAAzB","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/liveweatherobservations.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, { useEffect, useState } from \"react\"\nimport axios from \"axios\"\nimport Grid from '@material-ui/core/Grid';\nimport Layout from \"../components/layout\"\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport Seo from \"../components/seo\"\nimport Loading from \"./loading\"\n\nconst LiveWeatherObservations = () => {\n\n  const [data, setData] = useState([])\n  const [url] = useState(process.env.MET_LIVEWEATHEROBSERVATIONS)\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.liveWeatherObservations)\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=\"Live weather observations for Jersey\" description=\"Live weather observation data from Jersey’s Maison St Louis Observatory\" />\n            <div className=\"forecastAutoMargin\">\n            <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  Weather observations\n                  </h1>                  \n            </Grid>\n              <Grid container spacing={2}>\n                  <Grid  item xs={12} sm={12} md={8} lg={8}>\n                  <React.Fragment>\n                  <div className=\"Content\">\n                  {error ? (\n                <React.Fragment>\n                  <div>\n                    <p style={{ color: \"#bf0d0d\" }}>Live Weather Observations data unavailable</p>\n                  </div>\n                </React.Fragment>\n              ) : loading ? (\n                <Loading />\n              ) : (\n                data.map((result, index) => (     \n                  <>\n                  <img key={index} style={{maxWidth:\"600px\", display:\"block\", margin:\"auto\"}} src={result.ImageUrl}/>\n                  <p>{result.Comment}</p>\n                  </> \n                ))\n           \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  }\n  export default LiveWeatherObservations;","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","url","process","loading","setloading","error","setError","useEffect","fetchData","axios","result","liveWeatherObservations","console","log","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","map","index","key","maxWidth","display","margin","src","ImageUrl","Comment","width","textAlign","marginTop","icon","faSpinner","marginLeft"],"sourceRoot":""}