react-weather-app/static/js/main.0a7d229c.chunk.js

(this["webpackJsonpweather-app"]=this["webpackJsonpweather-app"]||[]).push([[0],{14:function(e,t,n){e.exports=n.p+"static/media/left-arrow.5cea32b1.svg"},15:function(e,t,n){e.exports=n.p+"static/media/right-arrow.845e73a4.svg"},29:function(e,t,n){e.exports=n.p+"static/media/search.ec9e49da.svg"},30:function(e,t,n){e.exports=n.p+"static/media/logo.75520b4a.svg"},31:function(e,t,n){e.exports=n.p+"static/media/twitter.ef7c26d5.svg"},32:function(e,t,n){e.exports=n.p+"static/media/github.65c48b64.svg"},33:function(e,t,n){e.exports=n.p+"static/media/linkedin.2e548c6e.svg"},34:function(e,t,n){e.exports=n(47)},45:function(e,t,n){},46:function(e,t,n){},47:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(23),c=n.n(i),l=n(3),o=n(10),m=n.n(o),s=n(13),u=n(6),d=n(8),p=n(4),h=n(2);function f(){var e=Object(p.a)(["\n  min-height: 85vh;\n  padding: 2rem 0rem;\n  display: grid;\n  row-gap: 3rem;\n\n  h2 {\n    text-align: center;\n  }\n\n  .main,\n  .wind,\n  .humidity {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n  }\n\n  .carousel-arrow {\n    background: none;\n    border: none;\n    align-self: center;\n    cursor: pointer;\n    padding: 0 !important;\n\n    img {\n      width: 48px;\n      height: 48px;\n    }\n  }\n\n  .error {\n    display: grid;\n    justify-content: center;\n    align-items: center;\n\n    h2 {\n      text-align: center;\n      word-break: break-word;\n    }\n  }\n"]);return f=function(){return e},e}var g=h.b.div(f());function b(){var e=Object(p.a)(["\n\tposition: absolute;\n\ttop: 50%;\n\tleft: calc(50% - 25px);\n\tborder-radius: 50%;\n\twidth: 50px;\n\theight: 50px;\n\tborder: 3px solid rgba(0, 0, 0, 0.3);\n\tborder-top-color: rgba(0, 0, 0, 1);\n\tanimation: anim 0.5s infinite linear;\n\n\t@keyframes anim {\n\t\tto {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n"]);return b=function(){return e},e}var w=h.b.div(b());function E(){var e=Object(p.a)(["\n\tborder-radius: 10px;\n\tbox-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);\n\tdisplay: grid;\n\tgrid-template-rows: auto;\n\trow-gap: 0.5rem;\n\tjustify-content: center;\n\talign-items: center;\n\ttext-align: center;\n\twidth: 200px;\n\tpadding: 1rem;\n\tmargin: 1rem 0rem;\n\tword-wrap: break-word;\n\n\ti {\n\t\tfont-size: 5rem;\n\t}\n\n\t.cold {\n\t\tcolor: #429bb8;\n\t}\n\n\t.hot {\n\t\tcolor: #ff4500;\n\t}\n"]);return E=function(){return e},e}var y=h.b.div(E()),v=function(e){var t=e.date,n=e.time,a=e.data,i=e.temp,c=e.icon,l=e.description,o="".concat(t.getHours()<10?0:"").concat(t.getHours(),":").concat(t.getMinutes()<10?0:"").concat(t.getMinutes());return r.a.createElement(y,null,r.a.createElement("p",null,t.toDateString().split(" ")[0]," ",n?o:""," ",(t.getMonth()+1<10?"0".concat(t.getMonth()+1):t.getMonth())+"/"+t.getDate()),r.a.createElement("h3",null,a),r.a.createElement("i",{className:"wi wi-owm-".concat(c," ").concat(i&&i)}),r.a.createElement("p",null,l&&l))},x=n(14),j=n.n(x),k=n(15),O=n.n(k),C=function(){var e=Object(a.useState)(null),t=Object(u.a)(e,2),n=t[0],i=t[1],c=Object(a.useState)(null),l=Object(u.a)(c,2),o=l[0],p=l[1],h=Object(a.useState)(!0),f=Object(u.a)(h,2),b=f[0],E=f[1],y=Object(a.useState)(""),x=Object(u.a)(y,2),k=x[0],C=x[1],N={pagination:!1,itemsToShow:1,enableSwipe:!0,isRTL:!1,disableArrowsOnEnd:!0,enableTilt:!1,renderArrow:function(e){var t=e.type,n=e.onClick,a=e.isEdge;return r.a.createElement(r.a.Fragment,null,t!==d.a.PREV?r.a.createElement("button",{onClick:n,disabled:a,type:"button",className:"carousel-arrow"},r.a.createElement("img",{src:O.a,alt:"Left slider arrow"})):r.a.createElement("button",{onClick:n,disabled:a,type:"button",className:"carousel-arrow"},r.a.createElement("img",{src:j.a,alt:"Right slider arrow"})))}};return Object(a.useEffect)((function(){return navigator.geolocation?navigator.geolocation.getCurrentPosition(function(){var e=Object(s.a)(m.a.mark((function e(t){var n,a,r,c,l;return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.coords,e.prev=1,e.next=4,fetch("https://api.openweathermap.org/data/2.5/weather?lat=".concat(n.latitude,"&lon=").concat(n.longitude,"&appid=").concat("b4d911f9450e605e9ee24cf54556fcf8","&units=metric"));case 4:return a=e.sent,e.next=7,a.json();case 7:return r=e.sent,i({description:r.weather[0].description,icon:r.weather[0].id,main:r.main,wind:r.wind,name:r.name,country:r.sys.country,timestamp:r.dt}),e.next=11,fetch("https://api.openweathermap.org/data/2.5/onecall?lat=".concat(n.latitude,"&lon=").concat(n.longitude,"&appid=").concat("b4d911f9450e605e9ee24cf54556fcf8","&exclude=minutely&units=metric"));case 11:return c=e.sent,e.next=14,c.json();case 14:l=e.sent,p({hourly:l.hourly,daily:l.daily}),E(!1),e.next=23;break;case 19:e.prev=19,e.t0=e.catch(1),E(!1),C("Could not get weather data! Try again later");case 23:case"end":return e.stop()}}),e,null,[[1,19]])})));return function(t){return e.apply(this,arguments)}}(),(function(){E(!1),C("Geolocation not active! Try searching for a city instead")})):C("Geolocation not supported in this browser! Try searching for a city instead"),function(){C(""),E(!0)}}),[]),b?r.a.createElement(g,null,r.a.createElement(w,null)):r.a.createElement(g,null,n&&o&&!k?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"main"},r.a.createElement("h2",null,n.name,", ",n.country),r.a.createElement(v,{date:new Date(1e3*n.timestamp),time:!1,data:n.main.temp+"\xb0C",temp:n.main.temp>25?"hot":n.main.temp<20?"cold":null,icon:n.icon,description:n.description})),r.a.createElement("div",{className:"daily-forecast"},r.a.createElement("h2",null,"Daily Forecast"),r.a.createElement(d.b,N,o.daily.map((function(e){return r.a.createElement(v,{key:e.dt,date:new Date(1e3*e.dt),time:!1,data:e.temp.min+"\xb0C/"+e.temp.max+"\xb0C",temp:e.temp.max>25?"hot":e.temp.max<20?"cold":null,icon:e.weather[0].id,description:e.weather[0].description})})))),r.a.createElement("div",{className:"hourly-forecast"},r.a.createElement("h2",null,"Hourly Forecast"),r.a.createElement(d.b,N,o.hourly.map((function(e){return r.a.createElement(v,{key:e.dt,date:new Date(1e3*e.dt),time:!0,data:e.temp+"\xb0C",temp:e.temp>25?"hot":e.temp<20?"cold":null,icon:e.weather[0].id,description:e.weather[0].description})})))),r.a.createElement("div",{className:"wind"},r.a.createElement("h2",null,"Wind"),r.a.createElement(v,{date:new Date(1e3*n.timestamp),time:!1,data:n.wind.speed+"km/h",icon:781})),r.a.createElement("div",{className:"humidity"},r.a.createElement("h2",null,"Humidity"),r.a.createElement(v,{date:new Date(1e3*n.timestamp),time:!1,data:n.main.humidity+"%",icon:741}))):r.a.createElement("div",{className:"error"},r.a.createElement("h2",null,k)))};function N(){var e=Object(p.a)(["\n  min-height: 85vh;\n  padding: 2rem 0rem;\n  display: grid;\n  row-gap: 3rem;\n\n  h2 {\n    text-align: center;\n  }\n\n  .main,\n  .wind,\n  .humidity {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n  }\n\n  .carousel-arrow {\n    background: none;\n    border: none;\n    align-self: center;\n    cursor: pointer;\n    padding: 0 !important;\n\n    img {\n      width: 48px;\n      height: 48px;\n    }\n  }\n\n  .error {\n    display: grid;\n    justify-content: center;\n    align-items: center;\n\n    h2 {\n      text-align: center;\n      word-break: break-word;\n    }\n  }\n"]);return N=function(){return e},e}var S=h.b.div(N()),D=function(){var e=Object(a.useState)(null),t=Object(u.a)(e,2),n=t[0],i=t[1],c=Object(a.useState)(null),o=Object(u.a)(c,2),p=o[0],h=o[1],f=Object(a.useState)(!0),g=Object(u.a)(f,2),b=g[0],E=g[1],y=Object(a.useState)(""),x=Object(u.a)(y,2),k=x[0],C=x[1],N=Object(l.h)().query,D={pagination:!1,itemsToShow:1,enableSwipe:!0,isRTL:!1,disableArrowsOnEnd:!0,enableTilt:!1,renderArrow:function(e){var t=e.type,n=e.onClick,a=e.isEdge;return r.a.createElement(r.a.Fragment,null,t!==d.a.PREV?r.a.createElement("button",{onClick:n,disabled:a,type:"button",className:"carousel-arrow"},r.a.createElement("img",{src:O.a,alt:"Left slider arrow"})):r.a.createElement("button",{onClick:n,disabled:a,type:"button",className:"carousel-arrow"},r.a.createElement("img",{src:j.a,alt:"Right slider arrow"})))}};return Object(a.useEffect)((function(){return Object(s.a)(m.a.mark((function e(){var t,n,a,r,c;return m.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch("https://api.openweathermap.org/data/2.5/weather?q=".concat(N,"&appid=").concat("b4d911f9450e605e9ee24cf54556fcf8","&units=metric"));case 3:return t=e.sent,e.next=6,t.json();case 6:return n=e.sent,i({description:n.weather[0].description,icon:n.weather[0].id,main:n.main,wind:n.wind,name:n.name,country:n.sys.country,timestamp:n.dt}),a=n.coord,e.next=11,fetch("https://api.openweathermap.org/data/2.5/onecall?lat=".concat(a.lat,"&lon=").concat(a.lon,"&appid=").concat("b4d911f9450e605e9ee24cf54556fcf8","&exclude=minutely&units=metric"));case 11:return r=e.sent,e.next=14,r.json();case 14:c=e.sent,h({hourly:c.hourly,daily:c.daily}),E(!1),e.next=23;break;case 19:e.prev=19,e.t0=e.catch(0),E(!1),C("Could not find any weather data! Try again later");case 23:case"end":return e.stop()}}),e,null,[[0,19]])})))(),function(){C(""),E(!0)}}),[N]),b?r.a.createElement(S,null,r.a.createElement(w,null)):r.a.createElement(S,null,n&&p&&!k?r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"main"},r.a.createElement("h2",null,n.name,", ",n.country),r.a.createElement(v,{date:new Date(1e3*n.timestamp),time:!1,data:n.main.temp+"\xb0C",temp:n.main.temp>25?"hot":n.main.temp<20?"cold":null,icon:n.icon,description:n.description})),r.a.createElement("div",{className:"daily-forecast"},r.a.createElement("h2",null,"Daily Forecast"),r.a.createElement(d.b,D,p.daily.map((function(e){return r.a.createElement(v,{key:e.dt,date:new Date(1e3*e.dt),time:!1,data:e.temp.min+"\xb0C/"+e.temp.max+"\xb0C",temp:e.temp.max>25?"hot":e.temp.max<20?"cold":null,icon:e.weather[0].id,description:e.weather[0].description})})))),r.a.createElement("div",{className:"hourly-forecast"},r.a.createElement("h2",null,"Hourly Forecast"),r.a.createElement(d.b,D,p.hourly.map((function(e){return r.a.createElement(v,{key:e.dt,date:new Date(1e3*e.dt),time:!0,data:e.temp+"\xb0C",temp:e.temp>25?"hot":e.temp<20?"cold":null,icon:e.weather[0].id,description:e.weather[0].description})})))),r.a.createElement("div",{className:"wind"},r.a.createElement("h2",null,"Wind"),r.a.createElement(v,{date:new Date(1e3*n.timestamp),time:!1,data:n.wind.speed+"km/h",icon:781})),r.a.createElement("div",{className:"humidity"},r.a.createElement("h2",null,"Humidity"),r.a.createElement(v,{date:new Date(1e3*n.timestamp),time:!1,data:n.main.humidity+"%",icon:741}))):r.a.createElement("div",{className:"error"},r.a.createElement("h2",null,k)))};function T(){var e=Object(p.a)(["\n\theight: 85vh;\n\tdisplay: grid;\n\tjustify-content: center;\n\talign-items: center;\n\ttext-align: center;\n"]);return T=function(){return e},e}var F=h.b.div(T()),H=function(){return r.a.createElement(F,null,r.a.createElement("h2",null,"404 Page not found"))};function z(){var e=Object(p.a)(["\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    user-select: none;\n    outline: none;\n    font-family: 'Poppins';\n    color: #000000;\n  }\n"]);return z=function(){return e},e}var L=Object(h.a)(z());function M(){var e=Object(p.a)(["\n\twidth: 70%;\n\tmargin: 0 auto;\n\n\t@media (max-width: 768px) {\n\t\twidth: 90%;\n\t}\n"]);return M=function(){return e},e}var R=h.b.div(M());function P(){var e=Object(p.a)(["\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 0.7fr;\n\talign-items: center;\n\tpadding: 0.5rem 0rem;\n\n\t.logo {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t}\n\n\t\th1 {\n\t\t\tmargin-left: 0.5rem;\n\t\t\tcursor: pointer;\n\t\t\tjustify-self: flex-start;\n\t\t}\n\t}\n"]);return P=function(){return e},e}var W=h.b.nav(P());function A(){var e=Object(p.a)(["\n\tborder: none;\n\tborder-radius: 5px;\n\toverflow: hidden;\n\tuser-select: text !important;\n\n\t&::placeholder {\n\t\tcolor: rgba(0, 0, 0, 0.5);\n\t}\n"]);return A=function(){return e},e}function K(){var e=Object(p.a)(["\n\twidth: 100%;\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto;\n\tjustify-content: center;\n\talign-items: center;\n\tborder: 1px solid rgba(0, 0, 0, 0.15);\n\tborder-radius: 5px;\n\tjustify-self: flex-end;\n\tpadding: 0.2rem 0.5rem;\n\n\timg {\n\t\tcursor: pointer;\n\t}\n"]);return K=function(){return e},e}var _=h.b.div(K()),q=h.b.input(A()),G=n(29),B=n.n(G),I=function(){var e=Object(a.useState)(""),t=Object(u.a)(e,2),n=t[0],i=t[1],c=Object(l.g)();return r.a.createElement(_,null,r.a.createElement(q,{placeholder:"Search",value:n,onKeyUp:function(e){"Enter"!==e.key&&13!==e.keyCode||""===n||(c.push("/search/".concat(n)),i(""))},onChange:function(e){return i(e.target.value)}}),r.a.createElement("img",{src:B.a,alt:"Search icon",onClick:function(){""!==n&&c.push("/search/".concat(n))}}))},J=n(30),V=n.n(J),U=function(){var e=Object(l.g)();return r.a.createElement(W,null,r.a.createElement("div",{className:"logo"},r.a.createElement("img",{src:V.a,alt:"Logo"}),r.a.createElement("h1",{onClick:function(){return e.push("/home")}},"Weather")),r.a.createElement(I,null))};function Y(){var e=Object(p.a)(["\n\tdisplay: grid;\n\tgrid-template-columns: auto 0.7fr;\n\talign-items: center;\n\tpadding: 0.5rem 0rem;\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n\tp {\n\t\tjustify-self: flex-start;\n\t}\n\n\t.contact {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(3, 16px);\n\t\tcolumn-gap: 0.5rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\n\t\timg {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t}\n\t}\n"]);return Y=function(){return e},e}var $=h.b.div(Y()),Q=n(31),X=n.n(Q),Z=n(32),ee=n.n(Z),te=n(33),ne=n.n(te),ae=function(){return r.a.createElement($,null,r.a.createElement("p",null,r.a.createElement("a",{href:"https://hazemkrimi.tech",target:"_blank",rel:"noopener noreferrer"},"Hazem Krimi")," ","\xa9 ",(new Date).getFullYear()),r.a.createElement("div",{className:"contact"},r.a.createElement("a",{href:"https://github.com/hazemKrimi",target:"_blank",rel:"noopener noreferrer"},r.a.createElement("img",{src:ee.a,alt:"Github"})),r.a.createElement("a",{href:"https://twitter.com/HazemKrimi",target:"_blank",rel:"noopener noreferrer"},r.a.createElement("img",{src:X.a,alt:"Twitter"})),r.a.createElement("a",{href:"https://www.linkedin.com/in/hazemkrimi/",target:"_blank",rel:"noopener noreferrer"},r.a.createElement("img",{src:ne.a,alt:"LinkedIn"}))))},re=(n(45),n(46),function(){return r.a.createElement(r.a.Fragment,null,r.a.createElement(L,null),r.a.createElement(R,null,r.a.createElement(U,null),r.a.createElement(l.d,null,r.a.createElement(l.b,{path:"/",exact:!0},r.a.createElement(C,null)),r.a.createElement(l.b,{path:"/home",exact:!0},r.a.createElement(C,null)),r.a.createElement(l.b,{path:"/search/:query"},r.a.createElement(D,null)),r.a.createElement(l.b,{path:"/search"},r.a.createElement(l.a,{to:"/home"})),r.a.createElement(l.b,{path:"*",exact:!0},r.a.createElement(H,null))),r.a.createElement(ae,null)))}),ie=n(9);Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));c.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(ie.a,{basename:"/react-weather-app"},r.a.createElement(re,null))),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()})).catch((function(e){console.error(e.message)}))}},[[34,1,2]]]);
//# sourceMappingURL=main.0a7d229c.chunk.js.map