https://iiitdplaybook.web.app/static/js/15.485e2917.chunk.js

1(this["webpackJsonpstudent-playbook"]=this["webpackJsonpstudent-playbook"]||[]).push([[15],{250:function(e,t,a){"use strict";var i=a(4),n=a(6),o=a(2),r=(a(8),a(7)),s=a(206),c=a(17),l=o.forwardRef((function(e,t){var a=e.classes,c=e.className,l=e.raised,d=void 0!==l&&l,u=Object(n.a)(e,["classes","className","raised"]);return o.createElement(s.a,Object(i.a)({className:Object(r.a)(a.root,c),elevation:d?8:1,ref:t},u))}));t.a=Object(c.a)({root:{overflow:"hidden"}},{name:"MuiCard"})(l)},251:function(e,t,a){"use strict";var i=a(4),n=a(6),o=a(2),r=(a(8),a(7)),s=a(17),c=o.forwardRef((function(e,t){var a=e.classes,s=e.className,c=e.component,l=void 0===c?"div":c,d=Object(n.a)(e,["classes","className","component"]);return o.createElement(l,Object(i.a)({className:Object(r.a)(a.root,s),ref:t},d))}));t.a=Object(s.a)({root:{padding:16,"&:last-child":{paddingBottom:24}}},{name:"MuiCardContent"})(c)},253:function(e,t,a){"use strict";var i=a(4),n=a(6),o=a(2),r=(a(8),a(7)),s=a(17),c=a(209),l=o.forwardRef((function(e,t){var a=e.children,s=e.classes,l=e.className,d=e.focusVisibleClassName,u=Object(n.a)(e,["children","classes","className","focusVisibleClassName"]);return o.createElement(c.a,Object(i.a)({className:Object(r.a)(s.root,l),focusVisibleClassName:Object(r.a)(d,s.focusVisible),ref:t},u),a,o.createElement("span",{className:s.focusHighlight}))}));t.a=Object(s.a)((function(e){return{root:{display:"block",textAlign:"inherit",width:"100%","&:hover $focusHighlight":{opacity:e.palette.action.hoverOpacity},"&$focusVisible $focusHighlight":{opacity:.12}},focusVisible:{},focusHighlight:{overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:e.transitions.create("opacity",{duration:e.transitions.duration.short})}}}),{name:"MuiCardActionArea"})(l)},254:function(e,t,a){"use strict";var i=a(4),n=a(6),o=a(2),r=(a(8),a(7)),s=a(17),c=["video","audio","picture","iframe","img"],l=o.forwardRef((function(e,t){var a=e.children,s=e.classes,l=e.className,d=e.component,u=void 0===d?"div":d,b=e.image,p=e.src,m=e.style,f=Object(n.a)(e,["children","classes","className","component","image","src","style"]),h=-1!==c.indexOf(u),j=!h&&b?Object(i.a)({backgroundImage:'url("'.concat(b,'")')},m):m;return o.createElement(u,Object(i.a)({className:Object(r.a)(s.root,l,h&&s.media,-1!=="picture img".indexOf(u)&&s.img),ref:t,style:j,src:h?b||p:void 0},f),a)}));t.a=Object(s.a)({root:{display:"block",backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center"},media:{width:"100%"},img:{objectFit:"cover"}},{name:"MuiCardMedia"})(l)},298:function(e,t,a){},383:function(e){e.exports=JSON.parse("{}")},435:function(e,t,a){"use strict";a.r(t);var i=a(13),n=a.n(i),o=a(26),r=a(10),s=a(0),c=a(2),l=a(93),d=(a(298),a(15)),u=a(103),b=a(250),p=a(253),m=a(254),f=a(251),h=a(247),j=a(439),x=a(419),g=a(420),v=a(4),O=(a(8),a(17)),y=c.forwardRef((function(e,t){return c.createElement(h.a,Object(v.a)({component:"p",variant:"body1",color:"textSecondary",ref:t},e))})),w=Object(O.a)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(y),F=a(6),N=a(7),k=a(25),C=a(59),D=a(18),A=c.forwardRef((function(e,t){var a=e.classes,i=e.className,n=e.color,o=void 0===n?"primary":n,r=e.component,s=void 0===r?"a":r,l=e.onBlur,d=e.onFocus,u=e.TypographyClasses,b=e.underline,p=void 0===b?"hover":b,m=e.variant,f=void 0===m?"inherit":m,j=Object(F.a)(e,["classes","className","color","component","onBlur","onFocus","TypographyClasses","underline","variant"]),x=Object(C.a)(),g=x.isFocusVisible,O=x.onBlurVisible,y=x.ref,w=c.useState(!1),A=w[0],E=w[1],S=Object(D.a)(t,y);return c.createElement(h.a,Object(v.a)({className:Object(N.a)(a.root,a["underline".concat(Object(k.a)(p))],i,A&&a.focusVisible,"button"===s&&a.button),classes:u,color:o,component:s,onBlur:function(e){A&&(O(),E(!1)),l&&l(e)},onFocus:function(e){g(e)&&E(!0),d&&d(e)},ref:S,variant:f},j))})),E=Object(O.a)({root:{},underlineNone:{textDecoration:"none"},underlineHover:{textDecoration:"none","&:hover":{textDecoration:"underline"}},underlineAlways:{textDecoration:"underline"},button:{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle","-moz-appearance":"none","-webkit-appearance":"none","&::-moz-focus-inner":{borderStyle:"none"},"&$focusVisible":{outline:"auto"}},focusVisible:{}},{name:"MuiLink"})(A),S=a(292),R=a(230),B=a(201);var I=function(e){var t=e.card,a=e.colors,i=2.5/3*250,n=Object(c.useState)(!1),o=Object(r.a)(n,2),l=o[0],d=o[1],v=Object(B.a)({root:{display:"inline-block",maxWidth:i,minWidth:i,maxHeight:250,background:"linear-gradient(45deg, ".concat(a[0],", ").concat(a[1],")"),borderRadius:10},actionArea:{width:i,height:250,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"space-between"},content:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},question:{fontSize:"20px",color:"#fff",fontWeight:"900",textAlign:"center",fontFamily:'"Poppins", "sans-serif"'},cardImg:{margin:"10px",objectFit:"cover",width:"90%",height:"55%",borderRadius:"8px"},dialogText:{display:"flex",flexDirection:"column",alignItems:"center"},title:{paddingTop:"10px",fontFamily:"Poppins, sans-serif !important",fontWeight:"700 !important",textAlign:"center",color:"#000"},subtitle:{fontFamily:"Poppins, sans-serif !important",fontSize:"11px",textAlign:"center",color:"#3FADA8"},answer:Object(u.a)({fontFamily:"Poppins, sans-serif !important",width:"500px",position:"relative",background:"#fff",boxShadow:"2px 2px 10px rgba(0, 0, 0, 0.1)",borderRadius:"10px",padding:"10px",margin:"10px 25px",color:"#000",fontSize:"12px",transition:"all 0.2s ease-in-out","&:hover":{textDecoration:"none !important",background:"#eeeeee"}},"@media (max-width:600px)",{width:"100%"}),link:Object(u.a)({textDecoration:"none",color:"#000",opacity:"1",display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"center","&:hover":{textDecoration:"none"}},"@media (max-width:600px)",{flexDirection:"column"}),answerImage:Object(u.a)({display:"block",objectFit:"cover",maxWidth:"100%",maxHeight:"95px",height:"auto",borderRadius:"8px",marginRight:"5px"},"@media (max-width:600px)",{flexDirection:"column"}),divider:{padding:"5px",maxWidth:"350px",height:"100%",alignSelf:"stretch"},verified:{position:"absolute",top:"10px",right:"10px"},invisible:{visibility:"hidden !important"},button:{textAlign:"center",background:"#fff",padding:"20px",border:"none",color:"#000",fontSize:"14px",lineHeight:"1.5",fontFamily:"Poppins, sans-serif !important",boxShadow:"2px 2px 20px rgba(0, 0, 0, 0.1)",borderRadius:"10px",textTransform:"none",cursor:"pointer",transition:"all 0.2s ease-in-out","&:hover":{background:"#eeeeee"}}})();return Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)(b.a,{className:v.root,onClick:function(){return d(!0)},children:Object(s.jsxs)(p.a,{className:v.actionArea,children:[Object(s.jsx)(m.a,{src:t.cover_image,component:"img",className:v.cardImg}),Object(s.jsx)(f.a,{className:v.content,children:Object(s.jsx)(h.a,{className:v.question,style:{whiteSpace:"pre-line"},children:t.question})})]})}),Object(s.jsxs)(j.a,{open:l,onClose:function(){return d(!1)},style:{fontFamily:"Poppins, sans-serif !important",margin:"0 auto"},"aria-labelledby":"alert-dialog-title",maxWidth:!1,children:[Object(s.jsxs)(x.a,{children:[Object(s.jsx)("h3",{className:v.title,children:t.question}),Object(s.jsx)(R.b.Provider,{value:{color:"#3FADA8"},children:Object(s.jsxs)("div",{className:v.subtitle,children:[Object(s.jsx)(S.c,{style:{marginRight:"5px"}}),"Created by IIITDian"]})})]}),Object(s.jsx)(g.a,{className:v.dialogContent,dividers:!1,children:Object(s.jsxs)(w,{className:v.dialogText,children:[t.answers.map((function(e,t){return Object(s.jsx)("div",{className:v.answer,children:Object(s.jsxs)(E,{href:e.link,target:"_blank",className:v.link,children:[Object(s.jsx)("img",{src:e.image,className:v.answerImage}),Object(s.jsxs)("div",{className:v.divider,children:[Object(s.jsxs)("div",{children:[Object(s.jsx)("h4",{style:{color:"#FF5F5F",fontSize:"13px",fontWeight:"600"},children:e.heading}),Object(s.jsxs)("p",{children:[e.description,Object(s.jsx)("br",{})]})]}),Object(s.jsx)("div",{children:Object(s.jsx)(R.b.Provider,{value:{color:"#3FADA8"},children:Object(s.jsx)("div",{className:"True"===e.verified?v.verified:v.invisible,children:Object(s.jsx)(S.c,{})})})})]})]},t)})})),Object(s.jsx)("a",{href:"https://www.getrevue.co/profile/studentplaybook",target:"_blank",style:{margin:"30px 0 15px 0"},children:Object(s.jsxs)("button",{className:v.button,children:[Object(s.jsx)("h4",{style:{color:"#21BAEF",fontSize:"16px"},children:"Subscribe Now"}),Object(s.jsx)("p",{children:"Get bi-weekly learnings right in y

1our inbox"})]})})]})})]})]})};var V=function(e){var t=e.cardList,a=[["#9F4EAD","#EEB86D"],["#2FB8FF","#95E8DC"],["#9F7FE5","#5497E3"],["#236FDC","#4BBEFF"],["#4A90F3","#7EF29D"],["#412FAF","#50C1E8"],["#181C33","#4F4181"],["#2587A6","#6FF7E8"],["#F57F36","#FFD78A"],["#BD5D94","#17086E"],["#5C0DB1","#DBCCFF"]];return t.map((function(e,t){return Object(s.jsx)(I,{card:e,colors:a[t%a.length]})}))};a(383);t.default=function(){var e=Object(c.useState)([]),t=Object(r.a)(e,2),a=t[0],i=t[1],u=function(){var e=Object(o.a)(n.a.mark((function e(){var t;return n.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=d.a.database().ref("QnA"),e.next=3,t.once("value",(function(e){var t=[];e.forEach((function(e){var a=[],i={};for(var n in i.question=e.val().question,i.cover_image=e.val().cover_image,i.key=e.key,e.val().answers){var o={};o.link=e.val().answers[n].link,o.image=e.val().answers[n].image,o.heading=e.val().answers[n].heading,o.description=e.val().answers[n].description,o.verified=e.val().answers[n].verified,o.key=n,a.push(o)}i.answers=a,t.push(i)})),i(t)}));case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return Object(c.useEffect)((function(){u()}),[]),Object(s.jsxs)("div",{className:"qna",children:[Object(s.jsx)(l.a,{loggedIn:!0,colorStatus:!0}),Object(s.jsx)("h1",{className:"main_heading",children:"Quick Bites"}),Object(s.jsx)("h2",{className:"sub_heading",children:"Small doses of information to get you started"}),Object(s.jsx)("div",{className:"cardgrid",children:Object(s.jsx)(V,{cardList:a})})]})}}}]);
2//# sourceMappingURL=15.485e2917.chunk.js.map