{"version":3,"sources":["webpack:///./src/pages/404.js","webpack:///./src/components/sideBar.js"],"names":["NotFoundPage","___EmotionJSX","Layout","SEO","title","css","layoutStyles","id","className","SideBar","FullWidth","images","require","props","fetchUrl","setFetchUrl","useState","urlString","hideOnMobile","useMediaQuery","data","setData","isError","setIsError","weatherIcon","setWeatherIcon","Class","useEffect","async","result","axios","process","error","console","log","fetchData","React","Fragment","sidebarStyle","onSubmit","event","preventDefault","window","location","href","htmlFor","name","type","style","height","marginRight","onChange","target","value","alt","Link","to","Arrived","Departed","dangerouslySetInnerHTML","__html","nextTide","futureTide","weatherDate","src","weatherMaxTemp","Mail2U"],"mappings":"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","file":"component---src-pages-404-js-9ee109631d24969188e7.js","sourcesContent":["import React from \"react\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { layoutStyles } from '../style/layoutStyles';\nimport SideBar from \"../components/sideBar\"\n\nconst NotFoundPage = () => (\n  <Layout>\n    <SEO title=\"404: Not found\" />\n<div css={layoutStyles} id=\"content\">\n        <div className=\"grid\">\n            <div id=\"sectionPage\" className=\"col-1-1\">\n              <div id=\"article\" className=\"col-9-12\">\n              <h1>The page you're looking for could not be found​</h1>\n\n              <div>\n\n              Here are a few suggestions to help you find the page you are looking for:\n              <ul>\n                <li>try using our search on the right-hand side of every page</li>\n                <li>go to the homepage and browse the site by category or sub-category</li>\n                <li>use the navigation tabs at the top of every page</li>\n              </ul>\n              </div>\n  \n              </div>\n\n              <div id=\"aside\" className=\"col-3-12\">\n                <SideBar FullWidth={true} />\n              </div>\n\n          </div>\n        </div>\n        <div className=\"whitespacer\"></div>\n      </div>\n\n  </Layout>\n)\n\nexport default NotFoundPage\n","import React, { useState, useEffect} from 'react';\nimport axios from 'axios';\nimport { sidebarStyle } from '../style/sideBarStyle';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport Mail2U from '../components/mail2U';\nimport { Link } from \"gatsby\"\n\nconst images = require.context('../images/weather', true);\n\nconst SideBar = (props) => {\n  const [fetchUrl, setFetchUrl] = useState(\"\")\n  const urlString = `/results?q=${fetchUrl}`\n  const hideOnMobile = useMediaQuery('(min-width:821px)');\n  const [data, setData] = useState([]);\n  //const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [weatherIcon, setWeatherIcon] = useState(images(\"./blank.gif\"));\n\n  \n  const handleSubmit = (event) => {\n    event.preventDefault();\n    window.location.href=urlString;\n  }\n\n  let Class=\"col-6-12 indexrightsidefont\";\n  if (props.FullWidth)\n    Class=\"indexrightsidefont\"\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setIsError(false)\n     // setIsLoading(true)\n      try {\n        const result = await axios(process.env.GATSBY_SIDEBAR_API)\n        setData(result.data)\n        setWeatherIcon(images('./'+result.data.weatherIcon));\n      } catch (error) {\n        setIsError(true)\n        console.log(error);\n      }\n       // setIsLoading(false)\n    }\n      fetchData();\n  },[])\n\n  if (isError) return <div><b>data is currently unavailable</b></div>;\n  return (\n    <React.Fragment>\n        <div css={sidebarStyle} id=\"sidebar\" className={Class}>\n        \n        <div id=\"tools\">\n          <div id=\"search\">\n          <form onSubmit={handleSubmit} >\n            <label htmlFor=\"searchBox\"><h2 id=\"searchTitle\">Search This Site</h2></label>\n            <input\n              name=\"searchBox\"\n              type=\"text\"\n              id=\"searchBox\"\n              className=\"search\"\n              style={{ height: \"23px\", marginRight:\"3px\"}}\n              onChange={(event) => setFetchUrl(event.target.value)}\n            />\n            <input\n              type=\"submit\"\n              className=\"searchSubmit\"\n              value=\"\"\n              alt=\"Search\"\n            />\n            </form>\n          </div>\n\n          <div id=\"arrivals\">\n            <h2>\n              <Link\n                to=\"/jerseyharbours/arrivals-departures\"\n              >\n                Arrivals &amp; Departures\n              </Link>\n            </h2>\n            <ul>\n              <li className=\"arrive\">\n                <strong>Arrived</strong>\n                <br />\n                {data.Arrived}\n              </li>\n              <li className=\"depart\">\n                <strong>Departed</strong>\n                <br />\n                {data.Departed}\n              </li>\n            </ul>\n          </div>\n\n          <div id=\"tides\">\n            <h2>\n              <a href=\"/tides\" title=\"Tides at St Helier\">\n                Tides at St Helier\n              </a>\n            </h2>\n            <ul>\n              <li dangerouslySetInnerHTML={{ __html:data.nextTide }}></li>\n              <li dangerouslySetInnerHTML={{ __html:data.futureTide }}></li>\n            </ul>\n            {/* <Link to=\"/weather#tidedata\" title=\"Tides at St Helier\">\n              <p className={data.marinaStatus===\"open\" ?  \"gatesOpen\" :  \"gatesClosed\"}>\n                Marina gates {data.marinaStatus}\n                <br />\n                ({data.marinaStatus===\"open\" ?  \"closing\" :  \"opening\"} {data.marinaTime})\n              </p>\n            </Link> */}\n          </div>\n\n          <div id=\"weather\">\n            <h2>\n              <Link\n                to=\"/weather\"\n                title=\"Ports of Jersey - Five day forecast\"\n              >\n                Weather and <span>forecasts</span>\n              </Link>\n            </h2>\n            <p>\n              <strong>{data.weatherDate}</strong>\n            </p>\n\n            <div className=\"today\">\n              <Link\n                to=\"/weather\"\n                title=\"Ports of Jersey - Five day forecast\"\n              >\n                <img src={weatherIcon} alt=\"\" />\n              </Link>\n              <p>\n                max\n                <br />\n                <span className=\"temperature\">{data.weatherMaxTemp}°c</span>\n              </p>\n            </div>\n          </div>\n\n          {hideOnMobile && <Mail2U />}\n          \n        </div>\n      </div>\n    </React.Fragment>\n  )\n}\nexport default SideBar\n"],"sourceRoot":""}