https://theclio.com/_next/static/chunks/pages/user/[id]/followers-9a5dbd3092860679dc08.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[194],{"4Nym":function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/user/[id]/followers",function(){return n("vEjF")}])},"5AJ6":function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var a=n("wx14"),o=n("q1tI"),r=n.n(o),i=n("HR5l");function c(t,e){var n=function(e,n){return r.a.createElement(i.a,Object(a.a)({ref:n},e),t)};return n.muiName=i.a.muiName,r.a.memo(r.a.forwardRef(n))}},"5LqV":function(t,e,n){"use strict";n.d(e,"a",(function(){return c})),n.d(e,"c",(function(){return l})),n.d(e,"b",(function(){return u}));var a=n("HALo"),o=n("q1tI"),r=n.n(o).a.createElement,i=function(t,e){return r("link",Object(a.a)({rel:"canonical",href:"https://theclio.com"+t},e))},c=function(t,e){var n=t?"/entry/".concat(t):"/entries";return i(n,e)},l=function(t,e){var n=t?"/tour/".concat(t):"/tours";return i(n,e)},u=function(t){return r("meta",Object(a.a)({name:"robots",content:"noindex"},t))}},"76vg":function(t,e,n){"use strict";var a=n("TqRt");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=a(n("q1tI")),r=(0,a(n("8/g6")).default)(o.default.createElement("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"ChevronLeft");e.default=r},E2gh:function(t,e,n){"use strict";var a=n("TqRt");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=a(n("q1tI")),r=(0,a(n("8/g6")).default)(o.default.createElement("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"ChevronRight");e.default=r},J1B6:function(t,e,n){"use strict";e.a=function(t){return"string"!==typeof t?"":t.replace(/<[^>]+>/g,"").replace(/&nbsp;/g," ")}},MquD:function(t,e,n){"use strict";var a=n("q1tI"),o=a.createContext({});e.a=o},TMnj:function(t,e,n){"use strict";var a=n("o5eH");e.a=function(t,e,n){return n=n||{},t?t.roles?Object(a.a)(t,a.b.CLASSROOM)&&e&&e.signature&&t.parent?"".concat(e.signature," (Instructed by ").concat(t.parent.firstName," ").concat(t.parent.lastName,", ").concat(t.firstName,")"):Object(a.a)(t,a.b.INSTITUTION)&&e&&e.signature||Object(a.a)(t,a.b.CLASSROOM)&&e&&e.signature?"".concat(e.signature," (").concat(t.firstName,")"):Object(a.a)(t,a.b.INSTITUTION)?"".concat(t.firstName):Object(a.a)(t,a.b.CLASSROOM)?"".concat(t.lastName," (").concat(t.firstName,")"):"".concat(t.firstName," ").concat(t.lastName):(n.suppressWarnings||console.log("May be formatting user name incorrectly. Make sure the user's roles are included."),"".concat(t.firstName," ").concat(t.lastName)):(console.log("Error - user is undefined"),"")}},Uxwc:function(t,e,n){"use strict";var a=n("H+61"),o=n("UlJF"),r=n("7LId"),i=n("VIvw"),c=n("iHvq"),l=n("q1tI"),u=n.n(l),s=n("vOnD"),d=n("/MKj"),f=n("yWHn"),p=n("76vg"),b=n.n(p),m=n("E2gh"),h=n.n(m),g=n("csfp"),y=u.a.createElement;function v(t){var e=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=Object(c.a)(t);if(e){var o=Object(c.a)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return Object(i.a)(this,n)}}var O=s.a.div.withConfig({displayName:"Pagination__Container",componentId:"sc-1wdhahq-0"})(["&&{width:100%;display:flex;justify-content:space-between;}"]),j=Object(s.a)(f.a).withConfig({displayName:"Pagination__PrevButton",componentId:"sc-1wdhahq-1"})([""]),x=Object(s.a)(f.a).withConfig({displayName:"Pagination__NextButton",componentId:"sc-1wdhahq-2"})([""]),w=Object(s.a)(f.a).withConfig({displayName:"Pagination__PageButton",componentId:"sc-1wdhahq-3"})(["&&{min-width:40px;}"]),S=function(t){Object(r.a)(n,t);var e=v(n);function n(){return Object(a.a)(this,n),e.apply(this,arguments)}return Object(o.a)(n,[{key:"render",value:function(){for(var t=this.props,e=(t.colors,t.onPageChange),n=t.currentPage,a=t.totalItems,o=t.itemsPerPage,r=t.disabled,i=Math.ceil(a/o),c=Math.floor(2.5),l=Math.max(0,n-c),u=[],s=l;s<l+5;s++)s<i&&u.push(s);return y(O,null,y(g.a,{title:"Previous"},y("span",null,y(j,{onClick:function(){return e({currentPage:n-1})},disabled:0===n||r,"aria-label":"Previous Results Page"},y(b.a,null)))),y("div",null,u.map((function(t,a){return y(w,{variant:t===n?"outlined":"flat",size:"small",key:a,onClick:function(){return e({currentPage:t})},disabled:r||t===n,"aria-label":"Results page ".concat(t)},y("span",null,t+1))}))),y(g.a,{title:"Next"},y("span",null,y(x,{onClick:function(){return e({currentPage:n+1})},disabled:n===i-1||r,"aria-label":"Next Results Page"},y(h.a,null)))))}}]),n}(l.Component);e.a=Object(d.b)((function(t){return{colors:t.colors}}))(S)},Z3vd:function(t,e,n){"use strict";var a=n("Ff2n"),o=n("wx14"),r=n("q1tI"),i=n("iuhU"),c=n("H2TA"),l=n("ye/S"),u=n("VD++"),s=n("NqtD"),d=r.forwardRef((function(t,e){var n=t.children,c=t.classes,l=t.className,d=t.color,f=void 0===d?"default":d,p=t.component,b=void 0===p?"button":p,m=t.disabled,h=void 0!==m&&m,g

1=t.disableElevation,y=void 0!==g&&g,v=t.disableFocusRipple,O=void 0!==v&&v,j=t.endIcon,x=t.focusVisibleClassName,w=t.fullWidth,S=void 0!==w&&w,C=t.size,I=void 0===C?"medium":C,R=t.startIcon,E=t.type,P=void 0===E?"button":E,N=t.variant,k=void 0===N?"text":N,z=Object(a.a)(t,["children","classes","className","color","component","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"]),q=R&&r.createElement("span",{className:Object(i.default)(c.startIcon,c["iconSize".concat(Object(s.a)(I))])},R),T=j&&r.createElement("span",{className:Object(i.default)(c.endIcon,c["iconSize".concat(Object(s.a)(I))])},j);return r.createElement(u.a,Object(o.a)({className:Object(i.default)(c.root,c[k],l,"inherit"===f?c.colorInherit:"default"!==f&&c["".concat(k).concat(Object(s.a)(f))],"medium"!==I&&[c["".concat(k,"Size").concat(Object(s.a)(I))],c["size".concat(Object(s.a)(I))]],y&&c.disableElevation,h&&c.disabled,S&&c.fullWidth),component:b,disabled:h,focusRipple:!O,focusVisibleClassName:Object(i.default)(c.focusVisible,x),ref:e,type:P},z),r.createElement("span",{className:c.label},q,n,T))}));e.a=Object(c.a)((function(t){return{root:Object(o.a)({},t.typography.button,{boxSizing:"border-box",minWidth:64,padding:"6px 16px",borderRadius:t.shape.borderRadius,color:t.palette.text.primary,transition:t.transitions.create(["background-color","box-shadow","border"],{duration:t.transitions.duration.short}),"&:hover":{textDecoration:"none",backgroundColor:Object(l.a)(t.palette.text.primary,t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"},"&$disabled":{backgroundColor:"transparent"}},"&$disabled":{color:t.palette.action.disabled}}),label:{width:"100%",display:"inherit",alignItems:"inherit",justifyContent:"inherit"},text:{padding:"6px 8px"},textPrimary:{color:t.palette.primary.main,"&:hover":{backgroundColor:Object(l.a)(t.palette.primary.main,t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},textSecondary:{color:t.palette.secondary.main,"&:hover":{backgroundColor:Object(l.a)(t.palette.secondary.main,t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlined:{padding:"5px 15px",border:"1px solid ".concat("light"===t.palette.type?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"),"&$disabled":{border:"1px solid ".concat(t.palette.action.disabledBackground)}},outlinedPrimary:{color:t.palette.primary.main,border:"1px solid ".concat(Object(l.a)(t.palette.primary.main,.5)),"&:hover":{border:"1px solid ".concat(t.palette.primary.main),backgroundColor:Object(l.a)(t.palette.primary.main,t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},outlinedSecondary:{color:t.palette.secondary.main,border:"1px solid ".concat(Object(l.a)(t.palette.secondary.main,.5)),"&:hover":{border:"1px solid ".concat(t.palette.secondary.main),backgroundColor:Object(l.a)(t.palette.secondary.main,t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},"&$disabled":{border:"1px solid ".concat(t.palette.action.disabled)}},contained:{color:t.palette.getContrastText(t.palette.grey[300]),backgroundColor:t.palette.grey[300],boxShadow:t.shadows[2],"&:hover":{backgroundColor:t.palette.grey.A100,boxShadow:t.shadows[4],"@media (hover: none)":{boxShadow:t.shadows[2],backgroundColor:t.palette.grey[300]},"&$disabled":{backgroundColor:t.palette.action.disabledBackground}},"&$focusVisible":{boxShadow:t.shadows[6]},"&:active":{boxShadow:t.shadows[8]},"&$disabled":{color:t.palette.action.disabled,boxShadow:t.shadows[0],backgroundColor:t.palette.action.disabledBackground}},containedPrimary:{color:t.palette.primary.contrastText,backgroundColor:t.palette.primary.main,"&:hover":{backgroundColor:t.palette.primary.dark,"@media (hover: none)":{backgroundColor:t.palette.primary.main}}},containedSecondary:{color:t.palette.secondary.contrastText,backgroundColor:t.palette.secondary.main,"&:hover":{backgroundColor:t.palette.secondary.dark,"@media (hover: none)":{backgroundColor:t.palette.secondary.main}}},disableElevation:{boxShadow:"none","&:hover":{boxShadow:"none"},"&$focusVisible":{boxShadow:"none"},"&:active":{boxShadow:"none"},"&$disabled":{boxShadow:"none"}},focusVisible:{},disabled:{},colorInherit:{color:"inherit",borderColor:"currentColor"},textSizeSmall:{padding:"4px 5px",fontSize:t.typography.pxToRem(13)},textSizeLarge:{padding:"8px 11px",fontSize:t.typography.pxToRem(15)},outlinedSizeSmall:{padding:"3px 9px",fontSize:t.typography.pxToRem(13)},outlinedSizeLarge:{padding:"7px 21px",fontSize:t.typography.pxToRem(15)},containedSizeSmall:{padding:"4px 10px",fontSize:t.typography.pxToRem(13)},containedSizeLarge:{padding:"8px 22px",fontSize:t.typography.pxToRem(15)},sizeSmall:{},sizeLarge:{},fullWidth:{width:"100%"},startIcon:{display:"inherit",marginRight:8,marginLeft:-4,"&$iconSizeSmall":{marginLeft:-2}},endIcon:{display:"inherit",marginRight:-4,marginLeft:8,"&$iconSizeSmall":{marginRight:-2}},iconSizeSmall:{"& > *:first-child":{fontSize:18}},iconSizeMedium:{"& > *:first-child":{fontSize:20}},iconSizeLarge:{"& > *:first-child":{fontSize:22}}}}),{name:"MuiButton"})(d)},bjog:function(t,e,n){"use strict";var a=n("q1tI"),o=n("i8i4"),r=n("GIek"),i=n("bfFb");var c="undefined"!==typeof window?a.useLayoutEffect:a.useEffect,l=a.forwardRef((function(t,e){var n=t.children,l=t.container,u=t.disablePortal,s=void 0!==u&&u,d=t.onRendered,f=

1a.useState(null),p=f[0],b=f[1],m=Object(i.a)(a.isValidElement(n)?n.ref:null,e);return c((function(){s||b(function(t){return t="function"===typeof t?t():t,o.findDOMNode(t)}(l)||document.body)}),[l,s]),c((function(){if(p&&!s)return Object(r.a)(e,p),function(){Object(r.a)(e,null)}}),[e,p,s]),c((function(){d&&(p||s)&&d()}),[d,p,s]),s?a.isValidElement(n)?a.cloneElement(n,{ref:m}):n:p?o.createPortal(n,p):p}));e.a=l},bqsI:function(t,e,n){"use strict";var a=n("wx14"),o=n("ODXe"),r=n("Ff2n"),i=n("q1tI"),c=n("dRu9"),l=n("tr08"),u=n("4Hym"),s=n("bfFb");function d(t){return"scale(".concat(t,", ").concat(Math.pow(t,2),")")}var f={entering:{opacity:1,transform:d(1)},entered:{opacity:1,transform:"none"}},p=i.forwardRef((function(t,e){var n=t.children,p=t.disableStrictModeCompat,b=void 0!==p&&p,m=t.in,h=t.onEnter,g=t.onEntered,y=t.onEntering,v=t.onExit,O=t.onExited,j=t.onExiting,x=t.style,w=t.timeout,S=void 0===w?"auto":w,C=t.TransitionComponent,I=void 0===C?c.a:C,R=Object(r.a)(t,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent"]),E=i.useRef(),P=i.useRef(),N=Object(l.a)(),k=N.unstable_strictMode&&!b,z=i.useRef(null),q=Object(s.a)(n.ref,e),T=Object(s.a)(k?z:void 0,q),_=function(t){return function(e,n){if(t){var a=k?[z.current,e]:[e,n],r=Object(o.a)(a,2),i=r[0],c=r[1];void 0===c?t(i):t(i,c)}}},L=_(y),M=_((function(t,e){Object(u.b)(t);var n,a=Object(u.a)({style:x,timeout:S},{mode:"enter"}),o=a.duration,r=a.delay;"auto"===S?(n=N.transitions.getAutoHeightDuration(t.clientHeight),P.current=n):n=o,t.style.transition=[N.transitions.create("opacity",{duration:n,delay:r}),N.transitions.create("transform",{duration:.666*n,delay:r})].join(","),h&&h(t,e)})),V=_(g),H=_(j),D=_((function(t){var e,n=Object(u.a)({style:x,timeout:S},{mode:"exit"}),a=n.duration,o=n.delay;"auto"===S?(e=N.transitions.getAutoHeightDuration(t.clientHeight),P.current=e):e=a,t.style.transition=[N.transitions.create("opacity",{duration:e,delay:o}),N.transitions.create("transform",{duration:.666*e,delay:o||.333*e})].join(","),t.style.opacity="0",t.style.transform=d(.75),v&&v(t)})),F=_(O);return i.useEffect((function(){return function(){clearTimeout(E.current)}}),[]),i.createElement(I,Object(a.a)({appear:!0,in:m,nodeRef:k?z:void 0,onEnter:M,onEntered:V,onEntering:L,onExit:D,onExited:F,onExiting:H,addEndListener:function(t,e){var n=k?t:e;"auto"===S&&(E.current=setTimeout(n,P.current||0))},timeout:"auto"===S?null:S},R),(function(t,e){return i.cloneElement(n,Object(a.a)({style:Object(a.a)({opacity:0,transform:d(.75),visibility:"exited"!==t||m?void 0:"hidden"},f[t],x,n.props.style),ref:T},e))}))}));p.muiSupportAuto=!0,e.a=p},"h+B5":function(t,e,n){"use strict";var a=n("H+61"),o=n("UlJF"),r=n("7LId"),i=n("VIvw"),c=n("iHvq"),l=n("q1tI"),u=n.n(l),s=n("vOnD"),d=n("/MKj"),f=n("aQ/V"),p=u.a.createElement;function b(t){var e=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=Object(c.a)(t);if(e){var o=Object(c.a)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return Object(i.a)(this,n)}}var m=s.a.div.withConfig({displayName:"Error__Container",componentId:"sc-6onji6-0"})(["text-align:center;margin-top:8px;"]),h=function(t){Object(r.a)(n,t);var e=b(n);function n(){return Object(a.a)(this,n),e.apply(this,arguments)}return Object(o.a)(n,[{key:"render",value:function(){var t=this.props,e=t.colors,n=t.error,a=t.small,o=t.red;return p(m,null,p(f.a,{component:"p",variant:a?"caption":"h4",style:{color:o?"red":e.text}},"string"===typeof n?n:"Oops! Something has gone wrong."),"object"===typeof n&&p(f.a,{variant:"caption"},JSON.stringify(n.message)))}}]),n}(l.Component);e.a=Object(d.b)((function(t){return{colors:t.colors}}))(h)},ucBr:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var a=n("q1tI");function o(t,e){return a.isValidElement(t)&&-1!==e.indexOf(t.type.muiName)}},vEjF:function(t,e,n){"use strict";n.r(e);var a=n("H+61"),o=n("UlJF"),r=n("+Css"),i=n("7LId"),c=n("VIvw"),l=n("iHvq"),u=n("cpVT"),s=n("q1tI"),d=n.n(s),f=n("20a2"),p=n("g4pe"),b=n.n(p),m=n("aQ/V"),h=n("h+B5"),g=n("6apz"),y=n("Uxwc"),v=n("GoUe"),O=n("Nlzp"),j=n("TMnj"),x=n("5LqV"),w=d.a.createElement;function S(t){var e=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=Object(l.a)(t);if(e){var o=Object(l.a)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return Object(c.a)(this,n)}}var C=function(t){Object(i.a)(n,t);var e=S(n);function n(){var t;Object(a.a)(this,n);for(var o=arguments.length,i=new Array(o),c=0;c<o;c++)i[c]=arguments[c];return t=e.call.apply(e,[this].concat(i)),Object(u.a)(Object(r.a)(t),"state",{loading:!0,error:!1,follows:null,currentPage:0,itemsPerPage:10,totalItems:null,user:null}),Object(u.a)(Object(r.a)(t),"getFollowers",(function(){var e=t.props.router,n=t.state,a=n.currentPage,o=n.itemsPerPage,r=n.user,i=e.query.id;O.a.get("/follows/count",{limit:o,offset:a*o,where:{followedUserId:i,deletedAt:"null"},include:[{model:"User",as:"user",where:{deletedAt:"null"},include:[{model:"Profile",as:"profile",include:[{model:"Image",as:"profileImage"}]}]},{model:"User",as:"followedUser"}]}).then((function(e){!r&&e.data.rows.length>0&&t.setState({user:e.data.rows[0].followedUser}),t.setState({loading:!1,error:e.data.rows.length>0?null:"No Followers Found",follows:e.data.rows.length>0?e.data.rows:null,totalItems:e.data.count})})).catch((function(e){t.setState({loading:!1,error:e})}))})),Object(u.a)(Object(r.a)(t),"componentDidMount",(function(){t.getFollowers()})),t}return Object(o.a)(n,[{key:"render",value:function(){var t=this,e=this.state,n=e.loading,a=e.error,o=e.follows,r=e.currentPage,i=e.itemsPerPage,c=e.totalItems,l=e.user;return w("div",null,w(b.a,null,w("title",null,"Clio - View Followers"),Object(x.b)()),n&&w(g.a,null),a&&w(h.a,{error:a}),o&&w("div",null,l&&w(m.a,{variant:"h4"},"People following ",Object(j.a)(l)),w(y.a,{onPageChange:function(e){return t.setState(e,t.getFollowers)},currentPage:r,itemsPerPage:i,totalItems:c}),o.map((function(t,e){return w(v.a,{key:e,user:t.user})})),w(y.a,{onPageChange:function(e){return t.setState(e,t.getFollowers)},currentPage:r,itemsPerPage:i,totalItems:c})))}}]),n}(s.Component);e.default=Object(f.withRouter)(C)},x6Ns:function(t,e,n){"use strict";function a(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return null==e?t:function(){for(var n=arguments.length,a=new Array(n),o=0;o<n;o++)a[o]=arguments[o];t.apply(this,a),e.apply(this,a)}}),(function(){}))}n.d(e,"a",(function(){return a}))},yCxk:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}

1));var a=n("q1tI");function o(t){var e=t.controlled,n=t.default,o=(t.name,t.state,a.useRef(void 0!==e).current),r=a.useState(n),i=r[0],c=r[1];return[o?e:i,a.useCallback((function(t){o||c(t)}),[])]}},yWHn:function(t,e,n){"use strict";var a=n("HALo"),o=n("dhJC"),r=n("H+61"),i=n("UlJF"),c=n("7LId"),l=n("VIvw"),u=n("iHvq"),s=n("q1tI"),d=n.n(s),f=n("Z3vd"),p=d.a.createElement;function b(t){var e=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=Object(u.a)(t);if(e){var o=Object(u.a)(this).constructor;n=Reflect.construct(a,arguments,o)}else n=a.apply(this,arguments);return Object(l.a)(this,n)}}var m=function(t){Object(c.a)(n,t);var e=b(n);function n(){return Object(r.a)(this,n),e.apply(this,arguments)}return Object(i.a)(n,[{key:"render",value:function(){var t=this.props,e=t.children,n=t.small,r=Object(o.a)(t,["children","small"]),i={};return n&&(i.paddingTop=4,i.paddingBottom=4,i.fontSize=12),p(f.a,Object(a.a)({style:i},r),e)}}]),n}(s.Component);e.a=m}},[["4Nym",0,1,2,3,4,5,6,7,8,10,19,21,48]]]);