{"version":3,"sources":["webpack:///./src/images/depart1.gif","webpack:///./src/images/Twitter_Logo_Blue.svg","webpack:///./src/images/arrive1.gif","webpack:///./src/style/harbourArrivalsStyle.js","webpack:///./src/components/harboursArrivals.js","webpack:///./src/templates/harbours-arrivals-page.js","webpack:///./src/images/Messenger_Logo_Color_RGB.svg","webpack:///./src/components/sideBar.js"],"names":["module","exports","harbourArrivalsStyle","css","icon_messenger","icon_tweeter","arrive1","depart1","HarboursArrivals","data","setData","useState","arrivalsArr","setArrivals","departuresArr","setDepartues","isLoading","setIsLoading","isError","setIsError","showOnMobile","useMediaQuery","showOnDeskTop","useEffect","async","result","axios","process","Arrivals","Departures","error","console","log","fetchData","___EmotionJSX","React","Fragment","className","UpdatedTime","TodayName","width","map","index","today","key","vessel","route","quay","scheduledTime","expected","substring","indexOf","statusText","TomorrowName","class","Mail2U","_ref","post","wpgraphql","harbour","keywords","nodes","forEach","node","push","name","Layout","SEO","title","layoutStyles","id","dangerouslySetInnerHTML","__html","SideBar","FullWidth","images","require","props","fetchUrl","setFetchUrl","urlString","hideOnMobile","weatherIcon","setWeatherIcon","Class","sidebarStyle","onSubmit","event","preventDefault","window","location","href","htmlFor","type","style","height","marginRight","onChange","target","value","alt","Link","to","Arrived","Departed","nextTide","futureTide","weatherDate","src","weatherMaxTemp"],"mappings":"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","file":"component---src-templates-harbours-arrivals-page-js-e54906a4a18a03b9b48a.js","sourcesContent":["module.exports = \"data:image/gif;base64,R0lGODlhFgAWAPcAAP////7//lOMPFWMP0+EOU2DNFyWP1SIPFyVQk+QLE2ILGOfQ1qKPWOiO22rQ2yoQ2eiQmOYQGeeQ2GWQGmlPmWYQWKRP2CPP1yWLGGgMGSgNW+uO2+pQXKsQ22iQ2ueQWqdQW2jRGGNPWOjKnS1PG+lPnSvQ3WtQ3KoQnGnQ2+jQXCkQm+jQmKNPWCcJ3S5MFmPJm+tMn/CPn6+QHu1QnmyQ3ewQnmxRHevQ3asQ3SpQnSoQWSQOWOMO3W6L2umLXm3OITEP4XEQYTCQoPCQ3mxPn+4QnauPnuzQnqxQX2zQ3qxQnmvQmOMNmSNOfn89mmqIGmjJXaxMWOUKnWvNHivOIXBP4W+QYK7QYK5QYG5QX2zP32/K3q1LXawL4TDNXixMYjEO4bDO4vHPYrGPojEPorFP32yOX60OonFQITCLYG8LofENorFOY3GP3++HYfDLYrELozFNom8N4GzNpTLPpHJPn2mP3WbPYvEK47GL4/DOIq8OZHBQXidN5fETKLLWY7FJ5HGLZPIM5LGM5TINZjJOZjKPZG7PpS8R5zFS5vFS53GTqLKVo/EHpjJMJfJMZnKNJrKNpnKNpnJNp7MOpzLPIGjO5/EUZazV8TfipHFGpPGIZvJLaDMOaDMOqHMQqPGTbPRbLrZdZfHHaLNM6LNOKLMN6TNOqfPPKTOPKTNPKjPP6nPRKnPS6XJTLPUXKjHW7rYa7vYb8/jnNTmpJ7JJ6bOMKXOMKfOMqbNMqfOOavQO7LUU73ZZrnXZr7ZbcHbdcPceazBcMXbhqTLH6fNIa7RP7/aacXddsvfhcXXic/iksjWm7LSPMDZYcTcZcPaZcPaasXccMvffM/hh9DjjNTjnN/rruTuwNrjufL43L/YUL3XT9HihdPijNXlktrnouTuuejxvez0yOvyyunwzOzzz/D12M/getXjj9rmmenxwvT43/z99/v89tnlktrmleHqpN/po/T42fj83/n85+LqpOLqp+futv398f//+/39+/7+/f38+P///yH5BAEAAP8ALAAAAAAWABYAAAj/AP8JHFgtWS5czpzd0pXM2sCHA7MdK/bs27p8+dZZe2bsWDiIApnZ4uUN3z144MDFw4fP2y5S1AA8rEVq1zp50FIRiqOHEqto89ax2lRN5j9znUp9o4ZKzxc1ceSMkaMHVTp1lRxhkwmLk7Roj9gEyYMMm69BbtywgRRtWiBQ6LBBUtVtkhgiXHrpA6BMjYwyQmRE4tZKkDBfknaZGjPEB6FyAAAAe8MFDpwwZk7xMrSqkKVPdoi80CMu8jtav2QFC+YqDBlPh9pYsVNnCJA9pSP3e/LOHwB+wdbMqGNnyJU0aUjMGRe5uXMAs7oYQX6FRhYtG/jQe/78V5caWrAY6amyBIkNKo3aNQ8AYN8+APpgeTFRA0mNUFtMKDnxg9E207WMMoomo/RxBA41KEHHNWdQUJ4DIyzynzuNQBEDGFIUcUMSHRTxCj2JaNBBDUs8MIIi9gAASAYQcMBBB0gw0QAa2PzDTBQGpJCDDhBk0Ig1f1Cwwg4o6KDDAi6Iso9AjGCAgAcrsCCBBj+UEIIKWLKAQAKI0DPQNphgIMAEIHwQgQEVgFBmBQMoQAc7RglUTyxTKFDAARdcYIEFDBBQAAyJkBPnQ8tkwoMTPbTQggg9NHEHMfaA9JA92gxzCR54+JFJM+cM+k9AADs=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iTG9nb19GSVhFRCIgZGF0YS1uYW1lPSJMb2dvIEZJWEVEIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjAzLjE0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFkYTFmMjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlR3aXR0ZXItbG9nby1uby1wYWRkaW5nPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03OC42MiwyMDMuMTRDMTczLDIwMy4xNCwyMjQuNTYsMTI1LDIyNC41Niw1Ny4yYzAtMi4yMiwwLTQuNDMtLjE1LTYuNjNBMTA0LjM2LDEwNC4zNiwwLDAsMCwyNTAsMjRhMTAyLjI0LDEwMi4yNCwwLDAsMS0yOS40Niw4LjA3QTUxLjQ2LDUxLjQ2LDAsMCwwLDI0My4wOSwzLjcyYTEwMywxMDMsMCwwLDEtMzIuNTcsMTIuNDVBNTEuMzQsNTEuMzQsMCwwLDAsMTIzLjExLDYzLDE0NS42MywxNDUuNjMsMCwwLDEsMTcuNCw5LjM2LDUxLjMzLDUxLjMzLDAsMCwwLDMzLjI4LDc3LjgzLDUxLDUxLDAsMCwxLDEwLDcxLjQxdi42NWE1MS4zMiw1MS4zMiwwLDAsMCw0MS4xNSw1MC4yOCw1MS4yLDUxLjIsMCwwLDEtMjMuMTYuODgsNTEuMzYsNTEuMzYsMCwwLDAsNDcuOTIsMzUuNjIsMTAzLDEwMywwLDAsMS02My43LDIyQTEwNiwxMDYsMCwwLDEsMCwxODAuMWExNDUuMjIsMTQ1LjIyLDAsMCwwLDc4LjYyLDIzIi8+PC9zdmc+\"","module.exports = \"data:image/gif;base64,R0lGODlhFgAWAPcAAP////7//lOMPFWMP0+EOU2DNFyWP1SIPFyVQk+QLE2ILGOfQ1qKPWOiO22rQ2yoQ2eiQmOYQGeeQ2GWQGmlPmWYQWKRP2CPP1yWLGGgMGSgNW+uO2+pQXKsQ22iQ2ueQWqdQW2jRGGNPWOjKnS1PG+lPnSvQ3WtQ3KoQnGnQ2+jQXCkQm+jQmKNPWCcJ3S5MFmPJm+tMn/CPn6+QHu1QnmyQ3ewQnmxRHevQ3asQ3SpQnSoQWSQOWOMO3W6L2umLXm3OITEP4XEQYTCQoPCQ3mxPn+4QnauPnuzQnqxQX2zQ3qxQnmvQmOMNmSNOfn89mmqIGmjJXaxMWOUKnWvNHivOIXBP4W+QYK7QYK5QYG5QX2zP32/K3q1LXawL4TDNXixMYjEO4bDO4vHPYrGPojEPorFP32yOX60OonFQITCLYG8LofENorFOY3GP3++HYfDLYrELozFNom8N4GzNpTLPpHJPn2mP3WbPYvEK47GL4/DOIq8OZHBQXidN5fETKLLWY7FJ5HGLZPIM5LGM5TINZjJOZjKPZG7PpS8R5zFS5vFS53GTqLKVo/EHpjJMJfJMZnKNJrKNpnKNpnJNp7MOpzLPIGjO5/EUZazV8TfipHFGpPGIZvJLaDMOaDMOqHMQqPGTbPRbLrZdZfHHaLNM6LNOKLMN6TNOqfPPKTOPKTNPKjPP6nPRKnPS6XJTLPUXKjHW7rYa7vYb8/jnNTmpJ7JJ6bOMKXOMKfOMqbNMqfOOavQO7LUU73ZZrnXZr7ZbcHbdcPceazBcMXbhqTLH6fNIa7RP7/aacXddsvfhcXXic/iksjWm7LSPMDZYcTcZcPaZcPaasXccMvffM/hh9DjjNTjnN/rruTuwNrjufL43L/YUL3XT9HihdPijNXlktrnouTuuejxvez0yOvyyunwzOzzz/D12M/getXjj9rmmenxwvT43/z99/v89tnlktrmleHqpN/po/T42fj83/n85+LqpOLqp+futv398f//+/39+/7+/f38+P///yH5BAEAAP8ALAAAAAAWABYAAAj/AP8JHGgtma5bzpzhypWs2sCHA8MdM/bM2rp8+dZ9e1bsWDaI/wBQI7XLGz588cCBg3cPnzdetpg9BFBtE6t186KxoqQnDqFU0OSt20WqlkAA2BxVUpcOlR45Y+TEUfNFDypq30p1MvcPHahA06JBYuPGzSBf2JDlCcLmUTRpnGD9EyaoFbdIMoSUkaFGGQB9vbgQETOpmypI2FYZ4nXKTBg4cLi8AQYAQDlCPoaMMbVLkq82hzyRCeMqWDBZv2i9qyxOzwsidj5ZKjTETp0Za4LxA+Dv3ZN+lQGI2wNkSB07Vq6kSWOky6zg0IOPm0Ni+RUjWLTU6PIrenR6fDZo68lCowaSGia8wNIHYN8+AAGCt2tExQaSJVXoKKmB40ifUZqMMkotqwGwDSM/nKCECVuE8koRHSRxQxFSgBEDFI24Y+AiIzhwHwVnXIMNGg0wgUQHHHAAQQaAAGCPIiM8sEQNHWiQCD37iOLCAjrogMIOK1DwhzWNZACBDjmkYEAUMv1DDyIJIMCCClSGUMIPGkjAwgoeIIABIwMBwA4dCgxQwQcggFCBARGgOYEAGGCyzUzkJAJDAQQwYIEFF1xwQAEKTBFLPSD9Yw8xdzTRgwgttNCDEzxkskyhYZ7TTCZ+4IHHJcNoYw9IAQEAOw==\"","import { css } from \"@emotion/core\"\nimport arrive1 from \"../images/arrive1.gif\"\nimport depart1 from \"../images/depart1.gif\"\nimport icon_messenger from \"../images/Messenger_Logo_Color_RGB.svg\"\nimport icon_tweeter from \"../images/Twitter_Logo_Blue.svg\"\nexport const harbourArrivalsStyle = css`\n.bt_mme_url,.bt_tweet_img{\n    width:20px;\n    height:20px;\n    display:block;\n    @media (max-width:820px) \n    {\n        width:25px;\n        height:25px;\n        display:inline-block;\n    }\n}\n.bt_mme_url{\n    background: transparent url(${icon_messenger}) no-repeat; \n}\n.bt_tweet_img{\n    background: transparent url(${icon_tweeter}) no-repeat;\n    background-position-y: 2px;\n}\n.arr .arrdep {\n    padding: 5px 0;\n    padding-left: 8px;\n    background: #084369;\n    font-size: 1em;\n    color: #FFFFFF;\n    line-height: 25px;\n    vertical-align: bottom;\n    font-weight: bold;\n}\n\ntable.arr {\n    padding: 0;\n    width: 100%;\n    border: none;\n    border-collapse: collapse;\n}\n\n    table.arr .arrdep {\n        padding: 5px 0;\n        padding-left: 8px;\n        background: #084369;\n        font-size: 1em;\n        color: #FFFFFF;\n        line-height: 25px;\n        vertical-align: bottom;\n        font-weight: bold;\n    }\n\n    table.arr .arrdepd {\n        font-size: 1em;\n    }\n\n        table.arr .arrdepd:nth-child(even) td {\n            background: #E1F2FB;\n        }\n\n        table.arr .arrdepd td {\n            padding: 0 8px;\n        }\n        table.arr .arrdepd td:not(.notify) {\n            padding-top: 3px;\n            padding-bottom: 3px;\n        }\n\n.arrdepHeader {\n    margin-top: 3px;\n    color: #004469;\n    background: transparent url(${arrive1}) no-repeat 0px 0px;\n    padding-left: 28px;\n}\n\n.depHeader {\n    margin-top: 3px;\n    color: #004469;\n    background: transparent url(${depart1}) no-repeat 0px 0px;\n    padding-left: 28px;\n}\n.arrdep-desktop {\n    display: none;\n}\n\n.arrdep-mobile > p {\n    background: #004269;\n    color: #FFFFFF;\n    padding: 12px;\n    font-weight: bold;\n    margin: 0;\n}\n\n.arrdep-mobile .row {\n    padding: 12px;\n}\n\n    .arrdep-mobile .row:nth-child(even) {\n        background: #E1F2FB;\n    }\n\n.arrdep-mobile .clear {\n    clear: both;\n}\n\n.arrdep-mobile dl {\n    width: 100%;\n    overflow: hidden;\n    padding: 0;\n    margin: 0\n}\n\n.arrdep-mobile dt {\n    float: left;\n    font-weight: bold;\n    width: 25%;\n    padding: 0;\n    margin: 0 0 5px 0;\n    overflow: hidden;\n}\n\n.arrdep-mobile dd {\n    float: left;\n    width: 75%;\n    padding: 0;\n    padding-right: 10px;\n    margin: 0 0 5px 0;\n    overflow: hidden;\n    word-wrap: break-word;\n    word-break: break-word;\n}\n\n.arrdep-mobile .bt_mme_url {\n    margin-right: 24px;\n}\n\n.arrdep-mobile .m-empty {\n    display: none;\n}\n\n.arrdep-mobile .row,\n.arrdep-mobile > p,\ntable.arr tr {\n    border-bottom: 1px dashed #9DC0E9;\n}\n\n.airportarrivedepart > h3 {\n    margin-bottom: 1em;\n}\n\n.arrdep-harbour {\n    margin-top: 1em;\n}\n\n@media (min-width: 410px) {\n    .arrdep-mobile dt {\n        width: 25%;\n    }\n\n    .arrdep-mobile dd {\n        width: 25%;\n    }\n\n    .arrdep-mobile .m-empty {\n        display: block;\n    }\n\n    .arrdep-harbour .bt_mme_url,\n    .arrdep-harbour .bt_tweet_img {\n        margin-top: 0;\n    }\n}\n\n@media (min-width: 520px) {\n    .arrdep-mobile dt {\n        width: 20%;\n    }\n\n    .arrdep-mobile dd {\n        width: 30%;\n    }\n}\n\n@media (min-width: 660px) {\n    .arrdep-mobile dt {\n        width: 10%;\n    }\n\n    .arrdep-mobile dd {\n        width: 40%;\n    }\n}\n\n@media (min-width: 821px) {\n    .arrdep-mobile {\n        display: none;\n    }\n    .arrdep-desktop {\n        display: block;\n    }\n} \n\n\n`","import React, { useState, useEffect} from 'react';\nimport axios from 'axios';\nimport {harbourArrivalsStyle} from \"../style/harbourArrivalsStyle\";\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport Mail2U from '../components/mail2U';\nimport ShareLinks from '../components/ShareLinks';\n\nconst HarboursArrivals = () => {\n  const [data, setData] = useState([]);\n  const [arrivalsArr, setArrivals] = useState([]);\n  const [departuresArr, setDepartues] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const showOnMobile = useMediaQuery('(max-width:821px)');\n  const showOnDeskTop = useMediaQuery('(min-width:821px)');\n  \n  useEffect(() => {\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n      try {\n        const result = await axios(process.env.GATSBY_HARBOURS_API)\n        setData(result.data)\n        setArrivals(result.data.Arrivals)\n        setDepartues(result.data.Departures)\n      } catch (error) {\n        setIsError(true)\n        console.log(error);\n      }\n        setIsLoading(false)\n    }\n      fetchData();\n  },[])\n\n  return (\n    <React.Fragment>\n    <div  css={harbourArrivalsStyle}>\n    {isLoading && <span>Loading data</span> }\n    {isError && <span>Error retrieving data please try again later</span>}\n    \n    {showOnDeskTop &&\n    <React.Fragment>\n    <div  className=\"arrdepHeader\">\n        <h2>Arrivals</h2>\n    </div>\n    <h3>This information was last updated {data.UpdatedTime}</h3>\n    <p>Times for {data.TodayName}</p>\n    <table className=\"arr\">\n    <tbody><tr>\n    <td className=\"arrdep\" width=\"23%\">\n            Vessel\n        </td>\n    <td className=\"arrdep\" width=\"23%\">\n            Route\n        </td>\n    <td className=\"arrdep\" width=\"20%\">\n            Quay\n        </td>\n        <td className=\"arrdep\" width=\"8%\">\n            STA\n        </td>\n        <td className=\"arrdep\" width=\"8%\">\n            ETA\n        </td>\n    <td className=\"arrdep\" width=\"18%\">\n            Status\n        </td>\n    </tr>\n        {arrivalsArr.map((result, index) => \n         result.today && \n          <tr key={index} className=\"arrdepd\">\n              <td>{result.vessel}</td>\n              <td>{result.route}</td>\n              <td>{result.quay}</td>\n              <td>{result.scheduledTime}</td>\n              <td>{result.expected.substring(result.expected.indexOf(' ') + 1)}</td>\n              <td>{result.statusText}</td>\n          </tr>\n        )}\n    </tbody></table>\n    <br />\n    <p>Times for {data.TomorrowName}</p>\n    <table className=\"arr\">\n    <tbody><tr>\n    <td className=\"arrdep\" width=\"23%\">\n            Vessel\n        </td>\n    <td className=\"arrdep\" width=\"23%\">\n            Route\n        </td>\n    <td className=\"arrdep\" width=\"20%\">\n            Quay\n        </td>\n    <td className=\"arrdep\" width=\"8%\">\n            STA\n        </td>\n        <td className=\"arrdep\" width=\"8%\">\n            ETA\n        </td>\n    <td className=\"arrdep\" width=\"18%\">\n            Status\n        </td>\n    </tr>\n        {arrivalsArr.map((result, index) => \n          !result.today && \n          <tr key={index} className=\"arrdepd\">\n              <td>{result.vessel}</td>\n              <td>{result.route}</td>\n              <td>{result.quay}</td>\n              <td>{result.scheduledTime}</td>\n              <td>{result.expected.substring(result.expected.indexOf(' ') + 1)}</td>\n              <td>{result.statusText}</td>\n          </tr>\n        )}\n    </tbody></table>\n\n \n    <div className=\"depHeader\">\n        <h2>Departures</h2>\n    </div>\n    <p>Times for {data.TodayName}</p>\n    <table className=\"arr\">\n    <tbody><tr>\n    <td className=\"arrdep\" width=\"23%\">\n            Vessel\n        </td>\n    <td className=\"arrdep\" width=\"23%\">\n            Route\n        </td>\n    <td className=\"arrdep\" width=\"20%\">\n            Quay\n        </td>\n    <td className=\"arrdep\" width=\"8%\">\n            STD\n        </td>\n        <td className=\"arrdep\" width=\"8%\">\n            ETD\n        </td>\n    <td className=\"arrdep\" width=\"18%\">\n            Status\n        </td>\n    </tr>\n        {departuresArr.map((result, index) => \n        result.today && \n          <tr key={index} className=\"arrdepd\">\n              <td>{result.vessel}</td>\n              <td>{result.route}</td>\n              <td>{result.quay}</td>\n              <td>{result.scheduledTime}</td>\n              <td>{result.expected.substring(result.expected.indexOf(' ') + 1)}</td>\n              <td>{result.statusText}</td>\n          </tr>\n        )}\n    </tbody></table>\n          <br />\n    <p>Times for {data.TomorrowName}</p>\n    <table className=\"arr\">\n    <tbody><tr>\n    <td className=\"arrdep\" width=\"23%\">\n            Vessel\n        </td>\n    <td className=\"arrdep\" width=\"23%\">\n            Route\n        </td>\n    <td className=\"arrdep\" width=\"20%\">\n            Quay\n        </td>\n\n    <td className=\"arrdep\" width=\"8%\">\n            STD\n        </td>\n        <td className=\"arrdep\" width=\"8%\">\n            ETD\n        </td>\n    <td className=\"arrdep\" width=\"18%\">\n            Status\n        </td>\n    </tr>\n        {departuresArr.map((result, index) => \n        !result.today && \n          <tr key={index} className=\"arrdepd\">\n              <td>{result.vessel}</td>\n              <td>{result.route}</td>\n              <td>{result.quay}</td>\n              <td>{result.scheduledTime}</td>\n              <td>{result.expected.substring(result.expected.indexOf(' ') + 1)}</td>\n              <td>{result.statusText}</td>\n          </tr>\n        )}\n    </tbody></table>\n    </React.Fragment>\n}\n\n    {showOnMobile &&\n    <React.Fragment>\n    <div  className=\"arrdepHeader\">\n      <h2>Arrivals</h2>\n      </div>\n      <h3>This information was last updated {data.UpdatedTime}</h3>\n      <div class=\"arrdep-mobile arrdep-harbour\">\n      <p>Times for {data.TodayName}</p>\n\n      {arrivalsArr.map((result, index) => \n        result.today && \n        <div key={index} class=\"row\">\n          <dl>\n            <dt>Vessel</dt>\n            <dd>{result.vessel}</dd>\n            <dt>Route</dt>\n            <dd>{result.route}</dd>\n            <div class=\"clear\"></div>\n            <dt>Quay</dt>\n            <dd>{result.quay}</dd>\n            <dt>STA</dt>\n            <dd>{result.scheduledTime}</dd>\n            <div class=\"clear\"></div>\n            <dt>ETA</dt>\n            <dd>{result.expected.substring(result.expected.indexOf(' ') + 1)}</dd>\n            <dt>Status</dt>\n            <dd>{result.statusText}</dd>\n            <dt>\n            \n            </dt>\n          </dl>\n        </div>\n        )}\n\n      </div>\n      <br />\n      <div class=\"arrdep-mobile arrdep-harbour\">\n      <p>Times for {data.TomorrowName}</p>\n\n      {arrivalsArr.map((result, index) => \n        !result.today && \n        <div key={index} class=\"row\">\n          <dl>\n            <dt>Vessel</dt>\n            <dd>{result.vessel}</dd>\n            <dt>Route</dt>\n            <dd>{result.route}</dd>\n            <div class=\"clear\"></div>\n            <dt>Quay</dt>\n            <dd>{result.quay}</dd>\n            <dt>STA</dt>\n            <dd>{result.scheduledTime}</dd>\n            <div class=\"clear\"></div>\n            <dt>ETA</dt>\n            <dd>{result.expected.substring(result.expected.indexOf(' ') + 1)}</dd>\n            <dt>Status</dt>\n            <dd>{result.statusText}</dd>\n            <dt>\n              <p></p>\n            </dt>\n          </dl>\n        </div>\n        )}\n\n      </div>\n      <div  className=\"arrdepHeader\">\n      <h2>Departures</h2>\n      </div>\n    \n      <div class=\"arrdep-mobile arrdep-harbour\">\n      <p>Times for {data.TodayName}</p>\n\n      {departuresArr.map((result, index) => \n        result.today && \n        <div key={index} class=\"row\">\n          <dl>\n            <dt>Vessel</dt>\n            <dd>{result.vessel}</dd>\n            <dt>Route</dt>\n            <dd>{result.route}</dd>\n            <div class=\"clear\"></div>\n            <dt>Quay</dt>\n            <dd>{result.quay}</dd>\n            <dt>STD</dt>\n            <dd>{result.scheduledTime}</dd>\n            <div class=\"clear\"></div>\n            <dt>ETD</dt>\n            <dd>{result.expected.substring(result.expected.indexOf(' ') + 1)}</dd>\n            <dt>Status</dt>\n            <dd>{result.statusText}</dd>\n            <dt>\n              <p></p>\n            </dt>\n          </dl>\n        </div>\n        )}\n\n      </div>\n        <br />\n      <div class=\"arrdep-mobile arrdep-harbour\">\n      <p>Times for {data.TomorrowName}</p>\n\n      {departuresArr.map((result, index) => \n        !result.today && \n        <div key={index} class=\"row\">\n          <dl>\n            <dt>Vessel</dt>\n            <dd>{result.vessel}</dd>\n            <dt>Route</dt>\n            <dd>{result.route}</dd>\n            <div class=\"clear\"></div>\n            <dt>Quay</dt>\n            <dd>{result.quay}</dd>\n            <dt>STD</dt>\n            <dd>{result.scheduledTime}</dd>\n            <div class=\"clear\"></div>\n            <dt>ETD</dt>\n            <dd>{result.expected.substring(result.expected.indexOf(' ') + 1)}</dd>\n            <dt>Status</dt>\n            <dd>{result.statusText}</dd>\n            <dt>\n              <p></p>\n            </dt>\n          </dl>\n        </div>\n        )}\n\n      </div>\n\n    </React.Fragment>\n}\n    \n    {showOnMobile && <Mail2U />}\n    </div>\n\n    </React.Fragment>  \n  )\n}\n\nexport default HarboursArrivals;","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport SideBar from \"../components/sideBar\"\nimport { layoutStyles } from '../style/layoutStyles';\nimport HarboursArrivals from \"../components/harboursArrivals\"\n\nexport default ({ data }) => {\n  const post = data.wpgraphql.harbour\n  var keywords = [];\n  if (post.keywords.nodes != null)\n  {\n    post.keywords.nodes.forEach(node => { keywords.push(node.name);});\n  }\n  return (\n    <Layout>\n        <SEO title={post.title} keywords={keywords} />\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 dangerouslySetInnerHTML={{ __html: post.title }}></h1>\n                <HarboursArrivals />\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 const query = graphql`\nquery GET_HARBOURARRIVAL($id: ID!) {\n  wpgraphql {\n    harbour(id: $id) {\n      title\n      slug\n      keywords {\n        nodes {\n          name\n        }\n      }\n    }\n  }\n}\n`","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMjQgMTAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOnVybCgjQnViYmxlX1NvbGlkXzFfKTt9Cgkuc3Qxe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJNZXNzZW5nZXJfNF8iPgoJPGxpbmVhckdyYWRpZW50IGlkPSJCdWJibGVfU29saWRfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTEyIiB5MT0iMTEuNSIgeDI9IjUxMiIgeTI9IjEwMDUuNDk5OSI+CgkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzAwQjJGRiIvPgoJCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDZBRkYiLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8cGF0aCBpZD0iQnViYmxlX1NvbGlkXzNfIiBjbGFzcz0ic3QwIiBkPSJNNTEyLDExLjVjLTI4MCwwLTQ5NywyMDUuMS00OTcsNDgyLjFjMCwxNDQuOSw1OS40LDI3MC4xLDE1Ni4xLDM1Ni42CgkJYzguMSw3LjMsMTMsMTcuNCwxMy40LDI4LjNsMi43LDg4LjRjMC45LDI4LjIsMzAsNDYuNSw1NS44LDM1LjJsOTguNi00My41YzguNC0zLjcsMTcuNy00LjQsMjYuNS0yCgkJYzQ1LjMsMTIuNSw5My42LDE5LjEsMTQzLjksMTkuMWMyODAsMCw0OTctMjA1LjEsNDk3LTQ4Mi4xUzc5MiwxMS41LDUxMiwxMS41eiIvPgoJPHBhdGggaWQ9IkJvbHRfNF8iIGNsYXNzPSJzdDEiIGQ9Ik0yMTMuNiw2MzQuNmwxNDYtMjMxLjZjMjMuMi0zNi44LDczLTQ2LDEwNy44LTE5LjlsMTE2LjEsODcuMWMxMC43LDgsMjUuMyw3LjksMzUuOS0wLjEKCQlsMTU2LjgtMTE5YzIwLjktMTUuOSw0OC4zLDkuMiwzNC4yLDMxLjRMNjY0LjUsNjE0Yy0yMy4yLDM2LjgtNzMsNDYtMTA3LjgsMTkuOWwtMTE2LjEtODcuMWMtMTAuNy04LTI1LjMtNy45LTM1LjksMC4xTDI0Ny44LDY2NgoJCUMyMjYuOSw2ODEuOSwxOTkuNSw2NTYuOCwyMTMuNiw2MzQuNnoiLz4KPC9nPgo8L3N2Zz4K\"","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":""}