https://studycafe.se/_next/static/chunks/4646.f78815a4c911b3cc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4646],{64986:function(e,t){t.Z={src:"/_next/static/media/focusRoomIconSmall.2da53ef9.svg",height:23,width:23,blurWidth:0,blurHeight:0}},11453:function(e,t){t.Z={src:"/_next/static/media/privateRoomIconSmall.14a12f5b.svg",height:21,width:19,blurWidth:0,blurHeight:0}},12785:function(e,t){t.Z={src:"/_next/static/media/publicRoomIconSmall.d7134855.svg",height:19,width:23,blurWidth:0,blurHeight:0}},14646:function(e,t,i){i.r(t);var o=i(85893),s=i(2734),r=i(99226),n=i(86886),l=i(15861),a=i(26447),d=i(67294),c=i(7631),h=i(55008),u=i(96486),x=i(25675),p=i.n(x),m=i(64986),g=i(11453),f=i(12785),y=i(22120),Z=i(94987);let b={title:{fontSize:"20px",fontWeight:"500",lineHeight:"32px"},itemTitle:{fontSize:"16px",fontWeight:"600",lineHeight:"24px"},description:{color:"#4B494FCC",fontSize:"14px",lineHeight:"21px"},legendContainer:{marginTop:"38px"},legendItem:{marginTop:"20px"},imageContainer:{display:"flex",width:"40px",height:"40px",borderRadius:"5px",alignItems:"center",justifyContent:"center"}},j=()=>{let e=(0,s.Z)(),t=(0,c.m)(),{t:i}=(0,y.$G)(),[x,j]=d.useState(),[v,k]=d.useState([]),S=C("Private",x),F=C("Course",x),H=C("Focus",x);return(d.useEffect(()=>{let o=async()=>{var o,s,r;let n=await t.reports.participantSessionDurationCurrentWeek();if(n.error||!n.data)throw Error("Failed to fetch data");let l=n.data,a=u.groupBy(l,"roomType"),d=u.uniq(l.map(e=>i("weeklyStudyHoursComponent.".concat(e.dayOfTheWeek))));k(d);let c=null===(o=a[h.nW.Private])||void 0===o?void 0:o.map(e=>w(e.totalDurationInSeconds)),x=null===(s=a[h.nW.Course])||void 0===s?void 0:s.map(e=>w(e.totalDurationInSeconds)),p=null===(r=a[h.nW.Focus])||void 0===r?void 0:r.map(e=>w(e.totalDurationInSeconds));j([{name:"Private",color:"#F8937E",data:c},{name:"Course",color:"#C4DFF2",data:x},{name:"Focus",color:e.palette.green[500],data:p}])};o()},[t.reports,i,e.palette.green]),x)?(0,o.jsx)(r.Z,{children:(0,o.jsxs)(n.ZP,{container:!0,children:[(0,o.jsxs)(n.ZP,{item:!0,md:8,xs:12,children:[(0,o.jsx)(l.Z,{sx:b.title,children:i("weeklyStudyHoursComponent.title")}),(0,o.jsx)(Z.Z,{series:x,categories:v,height:280,chartId:"study-hours-graph",showLegend:!1})]}),(0,o.jsxs)(n.ZP,{item:!0,md:4,xs:12,children:[(0,o.jsxs)(l.Z,{sx:b.title,children:[(S+F+H).toFixed(1)," ",i("weeklyStudyHoursComponent.hours")]}),(0,o.jsx)(l.Z,{sx:b.description,children:i("weeklyStudyHoursComponent.legendDescription")}),(0,o.jsxs)(r.Z,{sx:b.legendContainer,children:[(0,o.jsx)(r.Z,{sx:b.legendItem,children:(0,o.jsxs)(a.Z,{direction:"row",spacing:4,children:[(0,o.jsx)(r.Z,{sx:{...b.imageContainer,backgroundColor:"#F3FFE2"},children:(0,o.jsx)(p(),{alt:"",src:m.Z,height:20,width:20})}),(0,o.jsxs)("div",{children:[(0,o.jsxs)(l.Z,{sx:b.itemTitle,children:[H," ",i("weeklyStudyHoursComponent.hours")]}),(0,o.jsx)(l.Z,{sx:b.description,children:i("weeklyStudyHoursComponent.focusRooms")})]})]})}),(0,o.jsx)(r.Z,{sx:b.legendItem,children:(0,o.jsxs)(a.Z,{direction:"row",spacing:4,children:[(0,o.jsx)(r.Z,{sx:{...b.imageContainer,backgroundColor:"#FFF0E580"},children:(0,o.jsx)(p(),{alt:"",src:g.Z,height:20,width:20})}),(0,o.jsxs)("div",{children:[(0,o.jsxs)(l.Z,{sx:b.itemTitle,children:[S," ",i("weeklyStudyHoursComponent.hours")]}),(0,o.jsx)(l.Z,{sx:b.description,children:i("weeklyStudyHoursComponent.privateRooms")})]})]})}),(0,o.jsx)(r.Z,{sx:b.legendItem,children:(0,o.jsxs)(a.Z,{direction:"row",spacing:4,children:[(0,o.jsx)(r.Z,{sx:{...b.imageContainer,backgroundColor:"#87CEFF27"},children:(0,o.jsx)(p(),{alt:"",src:f.Z,height:20,width:20})}),(0,o.jsxs)("div",{children:[(0,o.jsxs)(l.Z,{sx:b.itemTitle,children:[F," ",i("weeklyStudyHoursComponent.hours")]}),(0,o.jsx)(l.Z,{sx:b.description,children:i("weeklyStudyHoursComponent.courseRooms")})]})]})})]})]})]})}):null};function w(e){return e?Math.round(10*(e/3600))/10:0}function C(e,t){let i=null==t?void 0:t.find(t=>t.name===e);return i?Math.round(10*u.sum(i.data))/10:0}t.default=j},94987:function(e,t,i){i.d(t,{Z:function(){return h}});var o=i(85893),s=i(67294),r=i(2734),n=i(5152),l=i.n(n);let a=l()(()=>Promise.all([i.e(4814),i.e(7229)]).then(i.bind(i,47229)),{loadableGenerated:{webpack:()=>[47229]},ssr:!1}),d={bg:"#f8d3ff",series1:"#826af9",series2:"#d2b0ff"},c=e=>

1{let t=(0,r.Z)(),[i,n]=(0,s.useState)(null),[l,c]=(0,s.useState)(null),h={chart:{offsetX:-10,stacked:!0,parentHeightOffset:0,toolbar:{show:!1},id:e.chartId},fill:{opacity:1},dataLabels:{enabled:!1},colors:[d.series1,d.series2],legend:{show:e.showLegend,position:"top",horizontalAlign:"left",labels:{colors:t.palette.text.secondary},markers:{offsetY:1,offsetX:-3},itemMargin:{vertical:3,horizontal:10}},stroke:{show:!0,colors:["transparent"]},plotOptions:{bar:{columnWidth:"25%"}},grid:{borderColor:t.palette.divider,xaxis:{lines:{show:!0}}},yaxis:{labels:{style:{colors:t.palette.text.disabled}}},xaxis:{axisBorder:{show:!1},axisTicks:{color:t.palette.divider},categories:e.categories,crosshairs:{stroke:{color:t.palette.divider}},labels:{style:{colors:t.palette.text.disabled}}},responsive:[{breakpoint:600,options:{plotOptions:{bar:{columnWidth:"35%"}}}}]};return(0,o.jsx)(a,{type:"bar",height:e.height||400,options:h,series:e.series})};var h=c}}]);