{"version":3,"file":"component---src-pages-shipping-js-4907efeebc12b1b0bf78.js","mappings":"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","sources":["webpack://Jersey-Met-Redesign/./src/components/Sidebar/PremiumServices/index.js","webpack://Jersey-Met-Redesign/./src/pages/coastalreports.js","webpack://Jersey-Met-Redesign/./src/pages/loading.js","webpack://Jersey-Met-Redesign/./src/pages/shipping.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';\nimport {ShippingMainPage} from \"./shipping\"\nimport { ShippingTitle } from \"./shipping\"\n\nconst CoastalReportData = (props) => {\n    return (\n      <tr>\n        <td>{props.Name}</td>\n        <td>{props.Wind}</td>\n        <td>{props.Gust}</td>\n        <td>{props.Visibility}</td>\n        <td>{props.Weather}</td>\n        <td>{props.Pressure}</td>\n        <td>{props.Tendency}</td>\n      </tr>\n    );\n  }\n\nexport const CoastalReportsFullPage = () => {\n  const [url, setUrl] = useState(process.env.MET_COASTALREPORTS)\n  const [data, setData] = useState([])\n  const [stationReportData, setStationReportData] = useState([])\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        setStationReportData(result.data.StationReport)\n      } catch (error) {\n        setError(true)\n        console.log(error)\n      }\n      setloading(false)\n    }\n    fetchData()\n  }, [url])\n\n  return (\n    <React.Fragment>\n            {error ? (\n              <React.Fragment>\n              <div>\n                <p style={{ color: \"#bf0d0d\" }}>\n                  Coastal report data unavailable\n                </p>\n              </div>\n              <div style={{textAlign:\"center\"}}><Button className=\"resendButton\" onClick={() => setUrl(process.env.MET_COASTALREPORTS) }>Try again</Button></div>\n              </React.Fragment>\n            ) : loading ? (\n              <Loading />\n            ) : (\n              <React.Fragment>\n                        <div className=\"Content\">\n\n                <div style={{ overflowX: \"auto\" }}>\n                  <h2 style={{marginTop:\"0\"}}>\n                    {data.Time} {data.Title} {data.Date}\n                  </h2>\n                  <table className=\"generalTableStyle\">\n                    <thead>\n                      <tr>\n                        <th>Station</th>\n                        <th>Wind</th>\n                        <th>Gust</th>\n                        <th>Visibility</th>\n                        <th>Weather</th>\n                        <th>Pressure</th>\n                        <th>Tend</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                    {stationReportData.map(result => <CoastalReportData key={result.Id} {...result} />)}\n                    </tbody>\n                  </table>\n                  <h3>Key</h3>\n                  <table className=\"generalTableStyle\">\n                    <tbody>\n                      <tr>\n                        <td>Gusts are in knots</td>\n                        <td>R=rising</td>\n                        <td>S=slowly</td>\n                      </tr>\n                      <tr>\n                        <td> &lt; = less than</td>\n                        <td>F = falling</td>\n                        <td>Q = quickly</td>\n                      </tr>\n                      <tr>\n                        <td>NM = nautical miles</td>\n                        <td>S = steady</td>\n                        <td>VR = very rapidly</td>\n                      </tr>\n                      <tr>\n                        <td>m = metres</td>\n                        <td>N/A = not available</td>\n                        <td>Auto = automatic station</td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div>\n                </div>\n              </React.Fragment>\n              )}\n    </React.Fragment>\n  )\n}\n\nexport const CoastalReportHeading = () => {\n  return (\n    <>\n    <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n        <h1>\n        Coastal reports\n        </h1>                  \n    </Grid></>\n  )\n}\n\n\nconst CoastalReports = () => {\n  \n  return (\n    <React.Fragment>\n      <Layout>\n        <Seo title=\"Channel Islands coastal weather reports\" description=\"Weather reports from coastal stations in the English Channel\" />\n        <div className=\"forecastAutoMargin\">\n        <CoastalReportHeading/>\n          <Grid container spacing={2}>\n            <Grid item xs={12} sm={12} md={8} lg={8}>\n            <CoastalReportsFullPage/>\n            <div style={{marginTop:\"20px\"}}>\n                <p>&nbsp;</p>\n              <ShippingTitle/>\n              <p />\n              <ShippingMainPage/>\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    </React.Fragment>\n  )\n}\nexport default CoastalReports\n\n\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;","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 Seo from \"../components/seo\"\nimport Button from '@material-ui/core/Button';\nimport PremiumServices from \"../components/Sidebar/PremiumServices\"\nimport {CoastalReportHeading, CoastalReportsFullPage} from \"./coastalreports\"\n\nexport const ShippingTitle = () => {\n  const [url, setUrl] = useState(process.env.MET_SHIPPING)\n  const [seaTempData, setSeaTempData] = useState([])\n  const [error, setError] = useState(false)\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setError(false)\n      try {\n        const result = await axios(url)\n        setSeaTempData(result.data.seatempToday)\n      } catch (error) {\n        setError(true)\n        console.log(error)\n      }\n    }\n    fetchData()\n  }, [url])\n\n  return (\n    <>\n    <h1>\n        Shipping forecast <span className=\"shippingTemperature\"><span>Current sea temperature</span> <span className=\"currentTemperatureValue\">\n          {seaTempData}\n          </span></span>\n        </h1>    \n    </>\n  )\n}\n\nexport const ShippingMainPage = () => {\n  const [url, setUrl] = useState(process.env.MET_SHIPPING)\n  const [data, setData] = useState([])\n  const [loading, setLoading] = useState(false)\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    <>\n    {error ? (\n                <div>\n                  <p style={{ color: \"#bf0d0d\" }}>\n                    Sorry, the shipping forecast 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_SHIPPING) }>Try again</Button></div>\n                </div>\n              ) : (\n                <React.Fragment>\n                  {loading ? (\n                    <Loading />\n                  ) : (\n                    <React.Fragment>\n                      <p style={{marginTop:\"0\"}}>\n                        For the area bounded by latitude 50N, the French coast\n                        between Cap de la Hague and Île de Bréhat and longitude\n                        3W.\n                      </p>\n\n                      <p dangerouslySetInnerHTML={{ __html: data.Date }}></p>\n                      <h2>General situation</h2>\n                      <span\n                        dangerouslySetInnerHTML={{ __html: data.General }}\n                      ></span>\n                      <h3>{data.Issued}</h3>\n                      <p>\n                        <strong>Wind: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.winddescToday,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Sea state: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.seastateToday,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Weather: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.weatherToday,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Visibility: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.visibilityToday,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Sea temperature: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.seatempToday,\n                          }}\n                        ></span>\n                      </p>\n                      <h3>{data.forecastTimeTomorrow}</h3>\n                      <p>\n                        <strong>Wind: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.winddescTomorrow,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Sea state: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.seastateTomorrow,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Weather: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.weatherTomorrow,\n                          }}\n                        ></span>\n                      </p>\n                      <p>\n                        <strong>Visibility: </strong>\n                        <span\n                          dangerouslySetInnerHTML={{\n                            __html: data.visibilityTomorrow,\n                          }}\n                        ></span>\n                      </p>\n                    </React.Fragment>\n                  )}\n                </React.Fragment>\n              )}\n    </>\n  )\n}\n\nconst Shipping = () => {\n  \n  return (\n    <React.Fragment>\n      <Layout>\n      <Seo title=\"Channel Islands shipping forecast\" description=\"The latest shipping forecast issued by the Jersey Meteorological Department for the Channel Islands area\" />\n      <div className=\"forecastAutoMargin\">\n        <Grid item xs={12} sm={12} md={8} lg={8} className=\"menuTitle\" style={{paddingLeft:0}}>\n                  <ShippingTitle/>               \n      </Grid>\n          <Grid container spacing={2}>\n            <Grid item xs={12} sm={12} md={8} lg={8}>\n            <div className=\"Content\">\n              <ShippingMainPage/>\n              <CoastalReportHeading/>\n              <p />\n              <CoastalReportsFullPage/>\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    </React.Fragment>\n  )\n}\nexport default Shipping\n"],"names":["useStyles","makeStyles","theme","root","color","backgroundColor","hoverStyle","id","className","style","backgroundImage","height","backgroundRepeat","backgroundPosition","href","Link","activeClassName","to","CoastalReportData","props","Name","Wind","Gust","Visibility","Weather","Pressure","Tendency","CoastalReportsFullPage","useState","process","url","setUrl","data","setData","stationReportData","setStationReportData","loading","setloading","error","setError","useEffect","fetchData","axios","result","StationReport","console","log","textAlign","onClick","overflowX","marginTop","Time","Title","Date","map","key","Id","CoastalReportHeading","item","xs","sm","md","lg","paddingLeft","title","description","container","spacing","ShippingTitle","ShippingMainPage","width","display","icon","faSpinner","marginLeft","seaTempData","setSeaTempData","seatempToday","setLoading","dangerouslySetInnerHTML","__html","General","Issued","winddescToday","seastateToday","weatherToday","visibilityToday","forecastTimeTomorrow","winddescTomorrow","seastateTomorrow","weatherTomorrow","visibilityTomorrow"],"sourceRoot":""}