{"version":3,"file":"component---src-pages-jerseyclimate-js-70d938acf14d8a35b19f.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/jerseyclimate.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\"\n// import { Link } from \"gatsby\"\nimport Seo from \"../components/seo\"\n// import { makeStyles } from \"@material-ui/core/styles\"\nimport \"../components/pageStyles.scss\"\n\n// const useStyles = makeStyles(theme => ({\n//   root: {\n//     \"&:focus\": {\n//       backgroundColor: \"hsl(208, 89%, 34%) !important\",\n//       color: \"#fff !important\",\n//     },\n\n//   },\n// }))\n\nconst DropDown = props => {\n  const handleClickYear = event => {\n    props.handleDropDownChangeYear(event.target.value)\n  }\n  const handleClickMonth = event => {\n    props.handleDropDownChangeMonth(event.target.value)\n  }\n  var d = new Date()\n  var thisYear = d.getFullYear()\n\n  return (\n    <React.Fragment>\n      <label htmlFor=\"yearSelector\" style={{ marginRight: \"5px\" }}>\n        <b>Year:</b>{\" \"}\n      </label>\n      <select\n        id=\"yearSelector\"\n        value={props.year}\n        style={{\n          fontSize: \"18px\",\n          fontFamily: \"proxima-nova,sans-serif\",\n          marginBottom: \"25px\",\n        }}\n        onChange={handleClickYear}\n      >\n        <option value={thisYear}>{thisYear}</option>\n        <option value={thisYear - 1}>{thisYear - 1}</option>\n        <option value={thisYear - 2}>{thisYear - 2}</option>\n        <option value={thisYear - 3}>{thisYear - 3}</option>\n        <option value={thisYear - 4}>{thisYear - 4}</option>\n        <option value={thisYear - 5}>{thisYear - 5}</option>\n        <option value={thisYear - 6}>{thisYear - 6}</option>\n        <option value={thisYear - 7}>{thisYear - 7}</option>\n        <option value={thisYear - 8}>{thisYear - 8}</option>\n        <option value={thisYear - 9}>{thisYear - 9}</option>\n        <option value={thisYear - 10}>{thisYear - 10}</option>\n        <option value={thisYear - 11}>{thisYear - 11}</option>\n      </select>\n\n      <label\n        htmlFor=\"monthSelector\"\n        style={{ marginRight: \"5px\", marginLeft: \"5px\" }}\n      >\n        <b>Month:</b>\n      </label>\n      <select\n        id=\"monthSelector\"\n        value={props.month}\n        style={{\n          fontSize: \"18px\",\n          fontFamily: \"proxima-nova,sans-serif\",\n          marginBottom: \"25px\",\n        }}\n        onChange={handleClickMonth}\n      >\n        <option value=\"jan\">January</option>\n        <option value=\"feb\">February</option>\n        <option value=\"mar\">March</option>\n        <option value=\"apr\">April</option>\n        <option value=\"may\">May</option>\n        <option value=\"jun\">June</option>\n        <option value=\"jul\">July</option>\n        <option value=\"aug\">August</option>\n        <option value=\"sep\">September</option>\n        <option value=\"oct\">October</option>\n        <option value=\"nov\">November</option>\n        <option value=\"dec\">December</option>\n        <option value=\"year\">Year</option>\n      </select>\n    </React.Fragment>\n  )\n}\n\nconst JerseyClimateData = props => {\n  return (\n    <div\n      style={{ textAlign: \"center\", marginTop: \"20px\", marginBottom: \"30px\" }}\n    >\n      <img alt=\"\" src={props.url}  style={{maxWidth:\"727px\"}}/>\n    </div>\n  )\n}\n\nconst JerseyClimate = () => {\n  const [data, setData] = useState([])\n\n\n  let d = new Date();\n  let yearCurrent = d.getFullYear()\n  let monthCurrent = d.toLocaleString('en-gb', { month: 'short' }).toLowerCase()\n  if (d.getMonth()===0)\n  {\n    d.setMonth(-1)\n    yearCurrent = d.getFullYear()\n    monthCurrent = d.toLocaleString('en-gb', { month: 'short' }).toLowerCase()\n  }\n\n  const [year, setYear] = useState(yearCurrent)\n  const [month, setMonth] = useState(monthCurrent)\n  const [url] = useState(process.env.MET_JERSEYCLIMATE)\n  const [loading, setloading] = useState(true)\n  const [error, setError] = useState(false)\n  const [pageTitle, setPageTitle] = useState(\"\")\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setError(false)\n      setloading(true)\n      try {\n        const result = await axios(url + \"&year=\" + year + \"&month=\" + month)\n        setData(result.data)\n      } catch (error) {\n        setError(true)\n        console.log(error)\n      }\n      if (month === \"jan\") setPageTitle(`Jersey climate January ${year}`)\n      if (month === \"feb\") setPageTitle(`Jersey climate February ${year}`)\n      if (month === \"mar\") setPageTitle(`Jersey climate March ${year}`)\n      if (month === \"apr\") setPageTitle(`Jersey climate April ${year}`)\n      if (month === \"may\") setPageTitle(`Jersey climate May ${year}`)\n      if (month === \"jun\") setPageTitle(`Jersey climate June ${year}`)\n      if (month === \"jul\") setPageTitle(`Jersey climate July ${year}`)\n      if (month === \"aug\") setPageTitle(`Jersey climate August ${year}`)\n      if (month === \"sep\") setPageTitle(`Jersey climate September ${year}`)\n      if (month === \"oct\") setPageTitle(`Jersey climate October ${year}`)\n      if (month === \"nov\") setPageTitle(`Jersey climate November ${year}`)\n      if (month === \"dec\") setPageTitle(`Jersey climate December ${year}`)\n      if (month === \"year\") setPageTitle(`Jersey climate ${year}`)\n      setloading(false)\n    }\n    fetchData()\n  }, [month, year, url])\n\n  return (\n    <Layout>\n      <Seo title=\"Jersey climate\" description=\"Climate data for Jersey, Channel Islands 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                  {pageTitle}\n                  </h1>                  \n      </Grid>\n        <Grid container spacing={2}>\n          <Grid item xs={12} sm={12} md={8} lg={8}>\n            <div className=\"Content\">\n              {error ? (\n                <React.Fragment>\n                  <DropDown\n                    month={month}\n                    year={year}\n                    handleDropDownChangeYear={DropDownValue =>\n                      setYear(DropDownValue)\n                    }\n                    handleDropDownChangeMonth={DropDownValue =>\n                      setMonth(DropDownValue)\n                    }\n                  />\n                  <p>\n                  For an official report or verified data, email <a className=\"hover-link\" href = \"mailto: jerseymetadmin@gov.je\">jerseymetadmin@gov.je</a> \n                  </p>\n                  <div>\n                    <p style={{ color: \"#bf0d0d\" }}>Climate data unavailable</p>\n                  </div>\n                </React.Fragment>\n              ) : loading ? (\n                <Loading />\n              ) : (\n                <React.Fragment>\n                  <DropDown\n                    month={month}\n                    year={year}\n                    handleDropDownChangeYear={DropDownValue =>\n                      setYear(DropDownValue)\n                    }\n                    handleDropDownChangeMonth={DropDownValue =>\n                      setMonth(DropDownValue)\n                    }\n                  />\n                  <p>\n                  For an official report or verified data, email <a className=\"hover-link\" href = \"mailto: jerseymetadmin@gov.je\">jerseymetadmin@gov.je</a> \n                  </p>\n               \n                  {data.map(result => (\n                    <JerseyClimateData key={result.id} {...result} />\n                  ))}\n                </React.Fragment>\n              )}\n            </div>\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 JerseyClimate\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","DropDown","props","thisYear","Date","getFullYear","htmlFor","marginRight","value","year","fontSize","fontFamily","marginBottom","onChange","event","handleDropDownChangeYear","target","marginLeft","month","handleDropDownChangeMonth","JerseyClimateData","textAlign","marginTop","alt","src","url","maxWidth","useState","data","setData","d","yearCurrent","monthCurrent","toLocaleString","toLowerCase","getMonth","setMonth","setYear","process","loading","setloading","error","setError","pageTitle","setPageTitle","useEffect","fetchData","axios","result","console","log","title","description","item","xs","sm","md","lg","paddingLeft","container","spacing","DropDownValue","map","key","width","display","icon","faSpinner"],"sourceRoot":""}