{"version":3,"file":"component---src-pages-sunrisesunset-js-9b3f24dd128225185900.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/sunrisesunset.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 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';\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\"\n\n\nfunction pad(n) {\n  return n < 10 ? \"0\" + n : n\n}\n\nconst DropDown = props => {\n  var today = new Date()\n  today.setDate(1);\n  let currentYear = today.getFullYear()\n  today.setMonth(today.getMonth() - 1)\n  let table = []\n\n  for (let i = 0; i < 12; i++) {\n    let children = []\n    var month = new Date(today.setMonth(today.getMonth() + 1))\n    children.push(\n      month.getFullYear().toString() + pad(month.getMonth() + 1).toString()\n    )\n    children.push(\n      month.toLocaleDateString(\"en-GB\", { month: \"long\" }) +\n        (month.getFullYear() !== currentYear\n          ? \" \" + month.getFullYear().toString()\n          : \"\")\n    )\n    table.push(children)\n  }\n\n  const handleClick = event => {\n    props.handleDropDownChange(event.target.value)\n  }\n\n  return (\n    <React.Fragment>\n      {\n      //eslint-disable-next-line\n      }<label \n        htmlFor=\"defaultIndex\"\n        style={{ marginRight: \"5px\", fontWeight: \"bold\" }}\n      >\n        Selected month:\n        </label> \n      <select\n        style={{ fontSize: \"18px\", fontFamily: \"proxima-nova,sans-serif\" }}\n        id=\"defaultIndex\"\n        defaultValue={props.currentMonth} \n        onChange={handleClick}\n        onBlur={handleClick}\n      >\n        {table.map((x, y) => (\n          <option key={y} value={x[0]}>\n            {x[1]}\n          </option>\n        ))}\n      </select>\n    </React.Fragment>\n  )\n}\n\nconst TideRow = props => {\n  const tableMenu = useMediaQuery(\"(min-width: 778px)\")\n  let now = new Date()\n  let today = new Date(props.date)\n  let day = today.getDay()\n\n  let isWeekend = false\n  if (day === 6 || day === 0) isWeekend = true\n\n  let weekendClass = \"\"\n  let weekendClassTimes = \"TidesTime\"\n\n  if (isWeekend) {\n    weekendClass = \"Weekend\"\n    weekendClassTimes = \"TidesTime Weekend\"\n  }\n\n  let currentDay = {}\n\n  if (today.getDate() === now.getDate() && today.getMonth() === now.getMonth())\n    currentDay = { color: \"#b60011\" }\n\n  return (\n    <tr>\n      <td className={weekendClass}>\n        <span style={currentDay}>{props.formattedDate}</span>\n      </td>\n      <td style={tableMenu ? { paddingLeft: \"100px\" } : {}} className={weekendClassTimes}>\n        <span style={currentDay}>{props.rise}</span>\n      </td>\n      <td style={tableMenu ? { paddingLeft: \"100px\" } : {}} className={weekendClassTimes}>\n        <span style={currentDay}>{props.set}</span>\n      </td>\n    </tr>\n  )\n}\n\nconst SunriseSunset = () => {\n  const [data, setData] = useState([])\n  const [month, setMonth] = useState(\"\")\n  const [url, setUrl] = useState(process.env.MET_SUNRISE)\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 + \"&date=\" + month)\n        if (url.length && url !== null) {\n          setData(result.data)\n        } else {\n          setData([])\n        }\n      }\n     catch (error) {\n        setError(true)\n        console.log(error)\n      }\n      if (month !== \"\") setPageTitle(\"Jersey Airport sunrise and sunset \" + month.substring(0, 4))\n      else setPageTitle(\"Jersey Airport sunrise and sunset \" \n      + new Date().getFullYear().toString()\n      )\n\n      setLoading(false)\n    }\n    fetchData()\n  }, [month, url]) // eslint-disable-line\n\n  return (\n    <React.Fragment>\n      <Layout>\n      <Seo title=\"Sunrise sunset St. Helier\" description=\"Dates and times for sunrise and sunset in Jersey.\" />\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            {error ? (\n                <div>\n                  <p style={{ color: \"#bf0d0d\" }}>\n                    Sorry, the sunrise sunset information is not available at\n                    the moment. Please check back later.\n                  </p>\n                  <div style={{textAlign:\"center\"}}><Button className=\"resendButton\" onClick={() => setUrl(process.env.MET_SUNRISE) }>Try again</Button></div>\n                </div>\n              ) : (\n                <React.Fragment>\n                  {loading ? (\n                    <Loading />\n                  ) : (\n                    <React.Fragment>\n                     \n                     <DropDown pageTitleDD={\"this\"} currentMonth={month}\n                handleDropDownChange={DropDownValue =>\n                  setMonth(DropDownValue)\n                }\n                noErrorStatus={error}\n              />\n              <div>\n                <p>\n                  All times are local. An hour has already been added for BST\n                  where applicable.\n                </p>\n              \n                  <table className=\"generalTableStyle\">\n                    <thead style={{ backgroundColor: \"#b60011\" }}>\n                      <tr>\n                        <th>Date</th>\n                        <th style={{ textAlign: \"right\" }}>Sunrise</th>\n                        <th style={{ textAlign: \"right\" }}>Sunset</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {data.map(result => (<TideRow key={result.date} {...result} />))}\n                    </tbody>\n                  </table>\n             \n              </div>\n\n\n                    </React.Fragment>\n                  )}\n                </React.Fragment>\n              )}\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 SunriseSunset;\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","DropDown","props","today","Date","setDate","currentYear","getFullYear","setMonth","getMonth","n","table","i","children","month","push","toString","toLocaleDateString","handleClick","event","handleDropDownChange","target","value","htmlFor","marginRight","fontWeight","fontSize","fontFamily","defaultValue","currentMonth","onChange","onBlur","map","x","y","key","TideRow","tableMenu","useMediaQuery","now","date","day","getDay","isWeekend","weekendClass","weekendClassTimes","currentDay","getDate","formattedDate","paddingLeft","rise","set","useState","data","setData","process","url","setUrl","loading","setLoading","error","setError","pageTitle","setPageTitle","useEffect","fetchData","axios","result","length","console","log","substring","title","description","item","xs","sm","md","lg","container","spacing","onClick","pageTitleDD","DropDownValue","noErrorStatus"],"sourceRoot":""}