{"version":3,"file":"component---src-pages-dailyweatherdata-js-f35a40dadcad1a965be7.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,qJCqJX,UAzKyB,WACvB,OAAwBC,EAAAA,EAAAA,UAAS,IAA1BC,EAAP,KAAaC,EAAb,KACA,GAAsBF,EAAAA,EAAAA,UAASG,2EAAxBC,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,MALD,gDAOdQ,GAAS,GACTK,QAAQC,IAAR,MARc,QAUhBR,GAAW,GAVK,yDAAH,qDAYfI,MACC,CAACP,IAGF,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKY,MAAM,qBAAqBC,YAAY,yEAC5C,uBAAK3B,UAAU,sBACf,gBAAC,IAAD,CAAM4B,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAGhC,UAAU,YAAYC,MAAO,CAACgC,YAAY,IACvE,gEAIV,gBAAC,IAAD,CAAMC,WAAS,EAACC,QAAS,GACvB,gBAAC,IAAD,CAAMP,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACnCd,EACC,gBAAC,WAAD,KACA,2BACE,qBAAGjB,MAAO,CAAEL,MAAO,YAAnB,mCAIF,uBAAKK,MAAO,CAACmC,UAAU,WAAW,gBAAC,IAAD,CAAQpC,UAAU,eAAeqC,QAAS,kBAAMtB,EAAOF,6EAAvD,eAEhCG,EACF,gBAAC,UAAD,MAEA,gBAAC,WAAD,KACK,uBAAKhB,UAAU,WAClB,yBAAOA,UAAU,qBACf,6BACE,0BACE,sBAAIsC,QAAS,GAAb,iCAMJ,6BACE,0BACE,sBAAIA,QAAS,GAAb,8BAA4C,IAC5C,wBACIC,wBAAyB,CAAEC,OAAQ7B,EAAK8B,UAK9C,0BACE,0BACE,0DAEF,0BAAK9B,EAAK+B,mBAGZ,0BACE,0BACE,0CAEF,0BAAK/B,EAAKgC,UAGZ,0BACE,0BACE,uCAEF,0BAAKhC,EAAKiC,OAGZ,0BACE,0BACE,oDAEF,0BAAKjC,EAAKkC,mBAGZ,0BACE,sBAAIP,QAAS,GAAb,uCAMF,0BACE,0BACE,sDAEF,sBACEC,wBAAyB,CAAEC,OAAQ7B,EAAKmC,iBAI5C,0BACE,0BACE,sDAEF,0BAAKnC,EAAKoC,kBAGZ,0BACE,0BACE,0DAEF,0BAAKpC,EAAKqC,mBAGZ,0BACE,0BACE,kDAEF,0BAAKrC,EAAKsC,iBAGZ,0BACE,0BACE,2CAEF,0BAAKtC,EAAKuC,WAGZ,0BACE,0BACE,qDAEF,0BAAKvC,EAAKwC,WAGZ,0BACE,0BACE,uDAEF,0BAAKxC,EAAKyC,YAIhB,8LASA,gBAAC,IAAD,CAAMxB,MAAI,EAACC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GACpC,gBAAC,IAAD,Y,8DC5JhB,UAXc,WACZ,OACE,uBAAK/B,MAAO,CAAEoD,MAAO,OAAQjB,UAAW,SAAUkB,QAAS,UACzD,uBAAKrD,MAAO,CAAEL,MAAO,mBAAoB2D,UAAW,OAAQD,QAAS,UACnE,gBAAC,IAAD,CAAiBE,KAAMC,EAAAA,MACvB,wBAAMxD,MAAO,CAACyD,WAAW,SAAzB","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/dailyweatherdata.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 axios from \"axios\"\nimport Loading from \"./loading\"\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport Seo from \"../components/seo\"\nimport Button from '@material-ui/core/Button';\n\nconst DailyWeatherData = () => {\n  const [data, setData] = useState([])\n  const [url, setUrl] = useState(process.env.MET_DAILYWEATHERDATA)\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      } catch (error) {\n        setError(true)\n        console.log(error)\n      }\n      setLoading(false)\n    }\n    fetchData()\n  }, [url])\n\n  return (\n    <Layout>\n      <Seo title=\"Daily weather data\" description=\"Daily readings from weather observatories in Jersey, Channel Islands\" />\n      <div className=\"forecastAutoMargin\">\n      <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <h1>\n                  Jersey daily weather observations\n                  </h1>                  \n      </Grid>\n        <Grid container spacing={2}>\n          <Grid item xs={12} sm={12} md={8} lg={8}>\n            {error ? (\n              <React.Fragment>\n              <div>\n                <p style={{ color: \"#bf0d0d\" }}>\n                  Daily weather data unavailable\n                </p>\n              </div>\n              <div style={{textAlign:\"center\"}}><Button className=\"resendButton\" onClick={() => setUrl(process.env.MET_DAILYWEATHERDATA) }>Try again</Button></div>\n              </React.Fragment>\n            ) : loading ? (\n              <Loading />\n            ) : (\n              <React.Fragment>\n                   <div className=\"Content\">\n                <table className=\"generalTableStyle\">\n                  <thead>\n                    <tr>\n                      <th colSpan={2}>\n                        Jersey daily weather report\n                      </th>\n                    </tr>\n                  </thead>\n\n                  <tbody>\n                    <tr>\n                      <td colSpan={2}>Observations at 0900 UTC on{\" \"} \n                      <span\n                          dangerouslySetInnerHTML={{ __html: data.Date }}\n                        ></span>\n                      </td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Mean sea level pressure</strong>\n                      </td>\n                      <td>{data.SeaLevelPressure}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Weather</strong>\n                      </td>\n                      <td>{data.Weather}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Wind</strong>\n                      </td>\n                      <td>{data.Wind}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Relative humidity</strong>\n                      </td>\n                      <td>{data.RelativeHumidity}</td>\n                    </tr>\n\n                    <tr>\n                      <td colSpan={2}>\n                        Observations in the last 24 hours:\n                      </td>\n                    </tr>\n\n\n                    <tr>\n                      <td>\n                        <strong>Maximum temperature</strong>\n                      </td>\n                      <td\n                        dangerouslySetInnerHTML={{ __html: data.Temperatures }}\n                      ></td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Minimum temperature</strong>\n                      </td>\n                      <td>{data.MinTemperatures}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Grass minimum overnight</strong>\n                      </td>\n                      <td>{data.GrassTemperature}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Sea temperature</strong>\n                      </td>\n                      <td>{data.SeaTemperature}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Rainfall</strong>\n                      </td>\n                      <td>{data.Rainfall}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Sunshine yesterday</strong>\n                      </td>\n                      <td>{data.Sunshine}</td>\n                    </tr>\n\n                    <tr>\n                      <td>\n                        <strong>Maximum UV yesterday</strong>\n                      </td>\n                      <td>{data.Uvindex}</td>\n                    </tr>\n                  </tbody>\n                </table>\n                <p>\n                  Readings are from the Observatory, Maison St Louis, except\n                  for: wind - Jersey Airport, sunshine - Fort Regent, sea\n                  temperature - Pier Head, St Helier Harbour.\n                </p>\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  )\n}\nexport default DailyWeatherData\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","process","url","setUrl","loading","setLoading","error","setError","useEffect","fetchData","axios","result","console","log","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","textAlign","onClick","colSpan","dangerouslySetInnerHTML","__html","Date","SeaLevelPressure","Weather","Wind","RelativeHumidity","Temperatures","MinTemperatures","GrassTemperature","SeaTemperature","Rainfall","Sunshine","Uvindex","width","display","marginTop","icon","faSpinner","marginLeft"],"sourceRoot":""}