https://weather-app-farukipekcom.vercel.app/_next/static/chunks/pages/index-03d47649a75120e9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5557:function(e,i,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(3678)}])},8561:function(e,i,s){"use strict";s.r(i),s.d(i,{hourly:function(){return a}});let a=(e,i,s)=>4===i.length?s([...i]):3===i.length?s([...i,...e.forecast.forecastday[1].hour.slice(0,1)]):2===i.length?s([...i,...e.forecast.forecastday[1].hour.slice(0,2)]):1===i.length?s([...i,...e.forecast.forecastday[1].hour.slice(0,3)]):0===i.length?s([...i,...e.forecast.forecastday[1].hour.slice(0,4)]):"";i.default=a},3678:function(e,i,s){"use strict";s.r(i),s.d(i,{default:function(){return m}});var a=s(5893),t=s(2167),l=s(4803),n=s.n(l),r=s(7294),c=s(8561),d=s(7066),o=s(7336);function m(){let[e,i]=(0,r.useState)(null),[s,l]=(0,r.useState)(),[m,h]=(0,r.useState)(null),[u,f]=(0,r.useState)("antalya"),[x,v]=(0,r.useState)(void 0),[j,g]=(0,r.useState)(),[N,y]=(0,r.useState)(!1),[p,b]=(0,r.useState)([]);(0,r.useEffect)(()=>{let e=async()=>{let e=await (0,d.Z)("https://api.weatherapi.com/v1/forecast.json?key=".concat("a263c2b0ed004472bc7233301230803","&q=").concat(u,"&days=5&aqi=no&alerts=no"));i(e.data),g(!0)};e(),y(!1)},[u]),(0,r.useEffect)(()=>{let e=async()=>{let e=await (0,d.Z)("https://api.weatherapi.com/v1/search.json?key=".concat("a263c2b0ed004472bc7233301230803","&q=").concat(x));h(e.data)};e()},[x]);let k=j&&Number.parseInt((0,t.Z)(new Date(e.location.localtime),"H")),_=null==e?void 0:e.forecast.forecastday[0].hour.slice(k+1,k+5);(0,r.useEffect)(()=>{j&&(0,c.default)(e,_,b)},[j,u,e]);let w=e=>{f(e)},S=e=>{e.preventDefault(),""===e.target.value?v(void 0):v(e.target.value)},M=[],C=[],D=[],E=0,H=(24-k)%3;if(H<3){for(let i=k;i<24;i+=3)D.push(Number.parseInt((0,t.Z)(new Date(null==e?void 0:e.forecast.forecastday[0].hour[i].time),"H"))),C.push(Number.parseInt(null==e?void 0:e.forecast.forecastday[0].hour[i].temp_c)),E+=1;if(0===H)for(let i=0;i<(8-E)*3;i+=3)D.push(i),C.push(Number.parseInt(null==e?void 0:e.forecast.forecastday[1].hour[i].temp_c));else for(let i=3-H;i<(8-E)*3;i+=3)D.push(i),C.push(Number.parseInt(null==e?void 0:e.forecast.forecastday[1].hour[i].temp_c))}else if(24-k<=2)for(let i=k;i<24;i+=3)D.push(Number.parseInt((0,t.Z)(new Date(null==e?void 0:e.forecast.forecastday[1].hour[i].time),"H"))+(0,t.Z)(new Date(null==e?void 0:e.forecast.forecastday[0].hour[1].time),"a")),C.push(Number.parseInt(null==e?void 0:e.forecast.forecastday[1].hour[i].temp_c));for(var I=0,F=0;F<D.length;F++,I++)M[I]={x:D[F],y:C[F]};let B=[{id:"fake corp. A",data:M}],Z=[];return j&&B[0].data.map(e=>Z.push(e.y)),(0,a.jsx)(a.Fragment,{children:j&&(0,a.jsxs)("div",{className:"main",children:[(0,a.jsxs)("div",{className:"main-left",children:[(0,a.jsxs)("div",{className:"main-left-header",children:[(0,a.jsxs)("div",{className:"main-left-header-left",children:[(0,a.jsx)("div",{className:"main-left-header-left-date",children:(0,a.jsx)(n(),{format:"MMMM DD, yyyy",children:e.location.localtime})}),(0,a.jsxs)("div",{className:"main-left-header-left-city",children:[e.location.name,(0,a.jsxs)("div",{className:"searchBox",children:[(0,a.jsx)("span",{onClick:()=>y(!N),children:(0,a.jsx)("img",{src:"/search.svg",alt:""})}),N&&(0,a.jsxs)("div",{class:"sorgu",children:[(0,a.jsx)("input",{type:"text",name:"text",placeholder:"Search for city",onChange:e=>S(e)}),(0,a.jsx)("img",{src:"/close.svg",alt:"",onClick:()=>{y(!N),h(null)}}),(0,a.jsx)("div",{className:"search",children:null==m?void 0:m.map(e=>(0,a.jsxs)("div",{className:"city",onClick:()=>{w(e.name),h(null)},children:[e.name+", ",(0,a.jsx)("span",{className:"country",children:e.country})]}))})]})]})]}),(0,a.jsxs)("div",{className:"main-left-header-left-country",children:[e.location.region===e.location.name?"":e.location.region+", ",e.location.country]})]}),(0,a.jsx)("div",{className:"main-left-header-right",children:(0,a.jsxs)("div",{className:"main-left-header-right-time",children:[(0,a.jsx)(n(),{format:"hh:mm A",children:e.location.localtime}),(0,a.jsx)("span",{children:"Last updated"})]})})]}),(0,a.jsxs)("div",{className:"main-left-center",children:[(0,a.jsx)("div",{className:"main-left-center-degree",children:e.current.temp_c.toFixed()}),(0,a.jsx)("div",{className:"main-left-center-mark",children:"\xb0"}),(0,a.jsx)("div",{className:"main-left-center-status",children:e.current.condition.text})]}),(0,a.jsx)("div",{className:"main-left-footer",children:(0,a.jsxs)("div",{className:"main-left-footer-list",children:[(0,a.jsxs)("div",{className:"main-left-footer-list-item",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-icon",children:(0,a.jsx)("img",{src:"wind.svg",alt:"Wind"})}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-details-heading",children:"Wind"}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details-value",children:[e.current.wind_kph," km/h"]})]})]}),(0,a.jsxs)("div",{className:"main-left-footer-list-item",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-icon",children:(0,a.jsx)("img",{src:"humidity.svg",alt:"Humidity"})}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-details-heading",children:"Humidity"}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details-value",children:[e.current.humidity,"%"]})]})]}),(0,a.jsxs)("div",{className:"main-left-footer-list-item",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-icon",children:(0,a.jsx)("img",{src:"rain.svg",alt:"Humidity"})}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-details-heading",children:"Rain Chance"}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details-value",children:[e.forecast.forecastday[0].day.daily_chance_of_rain,"%"]})]})]}),(0,a.jsxs)("div",{className:"main-left-footer-list-item",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-icon",children:(0,a.jsx)("img",{src:"uv.svg",alt:"Humidity"})}),(0,a.jsxs)("div",{className:"main-left-footer-list-item-details",children:[(0,a.jsx)("div",{className:"main-left-footer-list-item-details-heading",children:"UV Index"}),(0,a.jsx)("div",{className:"main-left-footer-list-item-details-value",children:e.current.uv})]})]})]})})]}),(0,a.jsxs)("div",{className:"main-right",children:[(0,a.jsxs)("div",{className:"main-right-today",children:[(0,a.jsx)("div",{className:"main-right-today-heading",children:"Today"}),(0,a.jsx)("div",{className:"main-right-today-hours",children:j&&p.map((e,i)=>{let s=e.condition.icon.split("/");return(0,a.jsxs)("div",{className:"main-right-today-hours-hour",children:[(0,a.jsx)("div",{className:"main-right-today-hours-hour-time",children:(0,a.jsx)(n(),{format:"h A",children:e.time})}),(0,a.jsx)("div",{className:"main-right-today-hours-hour-icon",children:(0,a.jsx)("img",{src:"".concat(s[5],"/").concat(s[6]),alt:e.condition.text,title:e.condition.text})}),(0,a.jsxs)("div",{className:"main-right-today-hours-hour-degree",children:[e.temp_c.toFixed(),"\xb0"]})]},i)})})]}),(0,a.jsx)("div",{className:"main-right-week",children:e.forecast.forecastday.map((e,i)=>{let s=e.day.condition.icon.split("/");return(0,a.jsx)("div",{children:(0,a.jsxs)("div",{className:"main-right-week-day",children:[(0,a.jsxs)("div",{className:"main-right-week-day-detail

1s",children:[(0,a.jsx)("div",{className:"main-right-week-day-details-day",children:(0,a.jsx)(n(),{format:"dddd",children:e.date})}),(0,a.jsx)("div",{className:"main-right-week-day-details-date",children:(0,a.jsx)(n(),{format:"MMMM DD",children:e.date})})]}),(0,a.jsxs)("div",{className:"main-right-week-day-degree",children:[e.day.mintemp_c.toFixed(),"\xb0 / ",e.day.maxtemp_c.toFixed(),"\xb0"]}),(0,a.jsx)("div",{className:"main-right-week-day-icon",children:(0,a.jsx)("img",{src:"".concat(s[5],"/").concat(s[6]),alt:e.day.condition.text,title:e.day.condition.text})})]},i)},i)})}),(0,a.jsx)("div",{className:"deneme",children:(0,a.jsx)(o.fH,{curve:"monotoneX",data:B,enableGridX:!1,enableGridY:!1,axisTop:null,axisRight:null,axisLeft:null,lineWidth:4,enableArea:!0,axisBottom:{orient:"bottom",tickSize:5,tickPadding:3,tickRotation:0,legend:"transportation",legendOffset:36,legendPosition:"middle"},margin:{top:10,right:10,bottom:20,left:10},xScale:{type:"point"},yScale:{type:"linear",max:Math.max(...Z)+3,min:Math.min(...Z)-3,stacked:!0,reverse:!1},yFormat:" >-.2f",pointSize:11,colors:"#FBB401",pointBorderWidth:3,pointBorderColor:{from:"serieColor",modifiers:[]},enablePointLabel:!0,pointLabel:"y",pointLabelYOffset:-16,enableCrosshair:!1,crosshairType:"y",useMesh:!1,legends:[]})}),(0,a.jsxs)("div",{className:"main-right-sun",children:[(0,a.jsx)("div",{className:"main-right-sun-heading",children:"Sunrise & Sunset"}),(0,a.jsxs)("div",{className:"main-right-sun-list",children:[(0,a.jsxs)("div",{className:"main-right-sun-item sunrise",children:[(0,a.jsx)("div",{className:"main-right-sun-item-icon",children:(0,a.jsx)("img",{src:"sunrise.svg",alt:"Sunrise"})}),(0,a.jsxs)("div",{className:"main-right-sun-item-details",children:[(0,a.jsx)("div",{className:"main-right-sun-item-details-heading",children:"Sunrise"}),(0,a.jsx)("div",{className:"main-right-sun-item-details-value",children:e.forecast.forecastday[1].astro.sunrise})]})]}),(0,a.jsxs)("div",{className:"main-right-sun-item sunset",children:[(0,a.jsx)("div",{className:"main-right-sun-item-icon",children:(0,a.jsx)("img",{src:"sunset.svg",alt:"Sunset"})}),(0,a.jsxs)("div",{className:"main-right-sun-item-details",children:[(0,a.jsx)("div",{className:"main-right-sun-item-details-heading",children:"Sunset"}),(0,a.jsx)("div",{className:"main-right-sun-item-details-value",children:e.forecast.forecastday[1].astro.sunset})]})]})]})]})]})]})})}}},function(e){e.O(0,[885,428,774,888,179],function(){return e(e.s=5557)}),_N_E=e.O()}]);