(window.ansFrontendRelayWebpackJsonpFunction=window.ansFrontendRelayWebpackJsonpFunction||[]).push([["page-NotifsPageLoadable"],{LyCc:function(e,l,a){"use strict";a.d(l,"a",function(){return f});var n=a("8ZkK"),r=a.n(n),i=a("tQZz"),t=a.n(i),s=a("7eVb"),o=a.n(s),u=a("n3k3"),d=a.n(u),c=a("10u2"),g=a.n(c),m=a("q1tI"),k=a("jufJ"),y=a("SAII"),p=a("W+KU"),f=function(e){function l(){return r()(this,l),o()(this,d()(l).apply(this,arguments))}return g()(l,e),t()(l,[{key:"render",value:function(){var e=this.props,l=e.categoryUnreadCounts,a=e.headerTitle,n=e.onSelect,r=e.selectedCategory;return m.createElement(y.b,{headerText:a},m.createElement(y.a,{text:Object(k.H)("All Notifications"),selected:null===r,onClick:function(){return n(null)}}),this.getOrderedActiveCategories().map(function(e){var a=l[e];return m.createElement(y.a,{key:e,text:m.createElement(p.e,{category:e}),count:a>0?m.createElement(F,{count:a}):null,selected:r===e,onClick:function(){return n(e)}})}))}},{key:"getOrderedActiveCategories",value:function(){var e=this.props.categoryUnreadCounts;return Array.from(p.b.keys()).filter(function(l){return l in e})}}]),l}(m.Component);f.displayName="NotifsPageFiltersList";var F=function(e){var l=e.count;return l<=99?m.createElement(k.h,{value:l}):m.createElement(m.Fragment,null,m.createElement(k.h,{value:99}),m.createElement(k.x,null,"+"))};F.displayName="FilterListCountText"},SAII:function(e,l,a){"use strict";a.d(l,"a",function(){return c});var n=a("q1tI"),r=a("RA+f"),i=a("rAPm"),t=a("06DM"),s=a("cBSy"),o=a("MI6j"),u=a("nwxp"),d=function(e){var l=e.headerText,a=e.children,r=e.inCard;return n.createElement(n.Fragment,null,l&&n.createElement(t.a,{titleText:l,includePageMargin:!1,inCard:r}),n.createElement(s.a,{mx:u.f?0:"n_medium"},a))};d.displayName="FilterList";var c=function(e){var l=e.onClick,a=e.selected,t=e.text,s=e.count,d=e.href,c={size:u.f?"regular":"dense",color:u.f?"gray_dark":"gray",borderRadius:"small",mt:u.f?0:"tiny",overflow:"hidden",hover:{cursor:a?"default":"pointer",bg:"darken"}};return n.createElement(o.a,Object.assign({mainText:u.f?t:n.createElement(r.s,{fontSize:"small"},t),secondaryComponent:s?n.createElement(i.a,null,s):null,selected:a,onClick:l,href:d},c))};l.b=d},kEnt:function(e,l,a){"use strict";a.r(l);var n={};a.r(n),a.d(n,"default",function(){return p});var r={};a.r(r),a.d(r,"default",function(){return v});var i=a("8ZkK"),t=a.n(i),s=a("tQZz"),o=a.n(s),u=a("7eVb"),d=a.n(u),c=a("n3k3"),g=a.n(c),m=a("10u2"),k=a.n(m),y=function(){var e=[{kind:"LocalArgument",name:"filterCategory",type:"Int",defaultValue:null},{kind:"LocalArgument",name:"first",type:"Int",defaultValue:null}],l={kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},a={kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},n=[{kind:"Variable",name:"filterCategory",variableName:"filterCategory"},{kind:"Variable",name:"first",variableName:"first"}],r={kind:"ScalarField",alias:null,name:"uid",args:null,storageKey:null},i=[a,l,{kind:"ScalarField",alias:null,name:"reverseOrder",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"givenName",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"familyName",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"scriptCode",args:null,storageKey:null}],t={kind:"ScalarField",alias:null,name:"viewerIsFollowing",args:null,storageKey:null},s={kind:"ScalarField",alias:null,name:"url",args:null,storageKey:null},o={kind:"ScalarField",alias:null,name:"isAppealed",args:null,storageKey:null};return{kind:"Request",fragment:{kind:"Fragment",name:"NotifsPageLoadableQuery",type:"QueryRoot",metadata:null,argumentDefinitions:e,selections:[{kind:"LinkedField",alias:null,name:"viewer",storageKey:null,args:null,concreteType:"Viewer",plural:!1,selections:[l,a,{kind:"FragmentSpread",name:"NotifsPageMain_viewer",args:n}]}]},operation:{kind:"Operation",name:"NotifsPageLoadableQuery",argumentDefinitions:e,selections:[{kind:"LinkedField",alias:null,name:"viewer",storageKey:null,args:null,concreteType:"Viewer",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"notifCategoryUnreadCounts",args:null,storageKey:null},r,{kind:"ScalarField",alias:null,name:"notifCategoryCounts",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"notifLatestUpdatedTime",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"latestNotifHash",args:null,storageKey:null},{kind:"LinkedField",alias:null,name:"sentNotifCollectionsConnection",storageKey:null,args:n,concreteType:"SentNotifCollectionsConnection",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"filterCategory",args:null,storageKey:null},{kind:"LinkedField",alias:null,name:"pageInfo",storageKey:null,args:null,concreteType:"PageInfo",plural:!1,selections:[{kind:"ScalarField",alias:null,name:"hasNextPage",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"endCursor",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"edges",storageKey:null,args:null,concreteType:"SentNotifCollectionEdge",plural:!0,selections:[l,a,{kind:"LinkedField",alias:null,name:"node",storageKey:null,args:null,concreteType:"SentNotifCollection",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"notifCategory",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"sncid",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"singleSnid",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isRead",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"updatedTime",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"clickthroughUrl",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"translatedContext",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"translatedSecondaryContext",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"translatedTitle",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"translatedBody",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"preview",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"previewShare",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"notifType",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"linkName",args:null,storageKey:null},{kind:"LinkedField",alias:null,name:"responsibleUser",storageKey:null,args:null,concreteType:"User",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"isSubscribed",args:null,storageKey:null},r,{kind:"ScalarField",alias:null,name:"useTranslatedName",args:null,storageKey:null},{kind:"LinkedField",alias:null,name:"names",storageKey:null,args:null,concreteType:"UserName",plural:!0,selections:i},{kind:"LinkedField",alias:null,name:"adminNames",storageKey:null,args:null,concreteType:"UserName",plural:!0,selections:i},{kind:"ScalarField",alias:null,name:"followerCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerIsFollowedBy",args:null,storageKey:null},t,{kind:"ScalarField",alias:null,name:"isHostingSelfServeAma",args:null,storageKey:null},{kind:"Condition",passingValue:!0,isCustom:!0,customValue:{name:"annotate_with_ids",value:"true"},condition:"onGate",selections:[{kind:"ScalarField",alias:null,name:"debugInfo",args:null,storageKey:null}]}]},{kind:"LinkedField",alias:null,name:"responsibleTribe",storageKey:null,args:null,concreteType:"Tribe",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"notifStatus",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"tribeId",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"network",storageKey:null,args:null,concreteType:"Network",plural:!1,selections:[l,a,{kind:"ScalarField",alias:"allowedLanguagesUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"allowed_languages"}],storageKey:'linkUrl(name:"allowed_languages")'},{kind:"ScalarField",alias:"allPoliciesUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"all_policies"}],storageKey:'linkUrl(name:"all_policies")'},{kind:"ScalarField",alias:"answerPoliciesUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"answer_policies"}],storageKey:'linkUrl(name:"answer_policies")'},{kind:"ScalarField",alias:"bnbrUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"bnbr"}],storageKey:'linkUrl(name:"bnbr")'},{kind:"ScalarField",alias:"contactUsUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"contact_us"}],storageKey:'linkUrl(name:"contact_us")'},{kind:"ScalarField",alias:"appealsFormUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"appeals_form"}],storageKey:'linkUrl(name:"appeals_form")'},{kind:"ScalarField",alias:"editBlockedOrBannedAnswerUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"edit_blocked_or_banned_answer"}],storageKey:'linkUrl(name:"edit_blocked_or_banned_answer")'},{kind:"ScalarField",alias:"imagePolicyUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"image_policy"}],storageKey:'linkUrl(name:"image_policy")'},{kind:"ScalarField",alias:"learnMoreAboutTranslationUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"learn_more_about_translation"}],storageKey:'linkUrl(name:"learn_more_about_translation")'},{kind:"ScalarField",alias:"partnersPoliciesUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"partners_policies"}],storageKey:'linkUrl(name:"partners_policies")'},{kind:"ScalarField",alias:"plagiarismPolicyUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"plagiarism_policy"}],storageKey:'linkUrl(name:"plagiarism_policy")'},{kind:"ScalarField",alias:"protectIndividualsUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"protect_individuals"}],storageKey:'linkUrl(name:"protect_individuals")'},{kind:"ScalarField",alias:"questionMergePolicyUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"question_merge_policy"}],storageKey:'linkUrl(name:"question_merge_policy")'},{kind:"ScalarField",alias:"questionTopicPolicyUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"question_topic_policy"}],storageKey:'linkUrl(name:"question_topic_policy")'},{kind:"ScalarField",alias:"realNamePolicyUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"real_name_policy"}],storageKey:'linkUrl(name:"real_name_policy")'},{kind:"ScalarField",alias:"whatArePromotedAnswersAnswerUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"what_are_promoted_answers_answer"}],storageKey:'linkUrl(name:"what_are_promoted_answers_answer")'},{kind:"ScalarField",alias:"whatIsSpamUrl",name:"linkUrl",args:[{kind:"Literal",name:"name",value:"what_is_spam"}],storageKey:'linkUrl(name:"what_is_spam")'}]},{kind:"LinkedField",alias:null,name:"targetQuestion",storageKey:null,args:null,concreteType:"Question",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"qid",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerCantAnswer",args:null,storageKey:null},t,{kind:"ScalarField",alias:null,name:"notifShouldShowFollow",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerHasReported",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"reportUrl",args:null,storageKey:null},s,{kind:"ScalarField",alias:null,name:"viewerHasDrafted",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerHasAnswered",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerShouldShowWriteAnswer",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"targetNetwork",storageKey:null,args:null,concreteType:"Network",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"nid",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerIsNetworkMember",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerMarkedDontKnowLanguage",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"contentLanguageCode",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"canonicalHomepageUrl",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"canonicalSubdomain",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"operation",storageKey:null,args:null,concreteType:null,plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"opid",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"viewerHasThanked",args:null,storageKey:null},o,{kind:"ScalarField",alias:null,name:"encodedOpid",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"adCampaign",storageKey:null,args:null,concreteType:"AdCampaign",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"entityId",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"transition",storageKey:null,args:null,concreteType:"Transition",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"transitionId",args:null,storageKey:null},o,{kind:"ScalarField",alias:null,name:"encodedTransitionId",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"userImageUser",storageKey:null,args:null,concreteType:"User",plural:!1,selections:[l,a,{kind:"ScalarField",alias:null,name:"profileUrl",args:null,storageKey:null},r,{kind:"ScalarField",alias:null,name:"profileImageUrl",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isVerified",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"businessStatus",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"isAnon",args:null,storageKey:null}]},{kind:"LinkedField",alias:null,name:"contextImageTribe",storageKey:null,args:null,concreteType:"Tribe",plural:!1,selections:[l,a,s,{kind:"ScalarField",alias:null,name:"iconUrl",args:[{kind:"Literal",name:"size",value:100}],storageKey:"iconUrl(size:100)"}]}]},{kind:"ScalarField",alias:null,name:"cursor",args:null,storageKey:null}]}]},{kind:"LinkedHandle",alias:null,name:"sentNotifCollectionsConnection",args:n,handle:"connection",key:"NotifsPagedList_sentNotifCollectionsConnection",filters:["filterCategory"]},{kind:"ScalarField",alias:null,name:"appBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"feedTabBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"inboxBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"moreBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"notificationNavBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"profileBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"silosBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"writeNavBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"tribeNavBadgeCount",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"useProfileDotForBadgeCount",args:null,storageKey:null}]}]},params:{operationKind:"query",name:"NotifsPageLoadableQuery",id:"2aa0740579e4141d82fb2a291fb3727d835fb43d4f40a04bc08c45fd37ab338b",text:null,metadata:{}}}}();y.hash="fc92eb3d7c8f06f8d6309b94d7016ef9";var p=y,f=a("q1tI"),F=a.n(f),S=a("nwxp"),C=a("yI4O"),K=function(){var e=[{kind:"Variable",name:"filterCategory",variableName:"filterCategory"},{kind:"Variable",name:"first",variableName:"first"}];return{kind:"Fragment",name:"NotifsPageMain_viewer",type:"Viewer",metadata:null,argumentDefinitions:[{kind:"LocalArgument",name:"filterCategory",type:"Int",defaultValue:null},{kind:"LocalArgument",name:"first",type:"Int",defaultValue:null}],selections:[{kind:"ScalarField",alias:null,name:"id",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"__typename",args:null,storageKey:null},{kind:"ScalarField",alias:null,name:"notifCategoryUnreadCounts",args:null,storageKey:null},{kind:"FragmentSpread",name:"NotifsPageMarkAllAsReadLink_viewer",args:e},{kind:"FragmentSpread",name:"NotifsPagedListWrapper_viewer",args:e}]}}();K.hash="b5527000c23ee0e5ce6767109ad3cdeb";var v=K,h=a("VyO/"),U=a("LW3J"),b=a("ZizP"),w=a("RA+f"),L=a("jufJ"),_=a("06DM"),E=a("6lcX"),N=a("coMs"),T=a("ymvi"),P=a("W+KU"),I=a("LyCc"),x=a("SKAY"),A=a("ab2h"),M=function(e){return F.a.createElement("svg",Object.assign({width:"24px",height:"24px",viewBox:"0 0 24 24"},e),F.a.createElement("g",{stroke:"none",fill:"none",fillRule:"evenodd"},F.a.createElement("g",{id:"filter",className:"icon_svg-stroke icon_svg-fill",transform:"translate(2.000000, 2.500000)",stroke:"#666666",strokeWidth:1.5},F.a.createElement("path",{d:"M12.5819398,4.95652174 C12.5819398,6.43051505 11.3870368,7.62541806 9.91304348,7.62541806 C8.43905017,7.62541806 7.24414716,6.43051505 7.24414716,4.95652174 C7.24414716,3.48252843 8.43905017,2.28762542 9.91304348,2.28762542 C11.3870368,2.28762542 12.5819398,3.48252843 12.5819398,4.95652174 Z",id:"Stroke-1"}),F.a.createElement("path",{d:"M19.4448161,14.1070234 C19.4448161,15.5810167 18.249913,16.7759197 16.7759197,16.7759197 C15.3019264,16.7759197 14.1070234,15.5810167 14.1070234,14.1070234 C14.1070234,12.6330301 15.3019264,11.4381271 16.7759197,11.4381271 C18.249913,11.4381271 19.4448161,12.6330301 19.4448161,14.1070234 Z",id:"Stroke-3"}),F.a.createElement("path",{d:"M5.71906355,14.1070234 C5.71906355,15.5810167 4.52416054,16.7759197 3.05016722,16.7759197 C1.57617391,16.7759197 0.381270903,15.5810167 0.381270903,14.1070234 C0.381270903,12.6330301 1.57617391,11.4381271 3.05016722,11.4381271 C4.52416054,11.4381271 5.71906355,12.6330301 5.71906355,14.1070234 Z",id:"Stroke-5"}),F.a.createElement("path",{d:"M9.91304348,7.62541806 L9.91304348,18.6822742",id:"Stroke-7",strokeLinecap:"round"}),F.a.createElement("path",{d:"M9.91304348,0.381270903 L9.91304348,2.28762542",id:"Stroke-9",strokeLinecap:"round"}),F.a.createElement("path",{d:"M16.7759197,16.7759197 L16.7759197,18.6822742",id:"Stroke-11",strokeLinecap:"round"}),F.a.createElement("path",{d:"M16.7759197,0.381270903 L16.7759197,11.4381271",id:"Stroke-13",strokeLinecap:"round"}),F.a.createElement("path",{d:"M3.05016722,16.7759197 L3.05016722,18.6822742",id:"Stroke-15",strokeLinecap:"round"}),F.a.createElement("path",{d:"M3.05016722,0.381270903 L3.05016722,11.4381271",id:"Stroke-17",strokeLinecap:"round"}))))};M.displayName="SvgFilter";var O=M,B=a("HEDm"),V=function(e){function l(){return t()(this,l),d()(this,g()(l).apply(this,arguments))}return k()(l,e),o()(l,[{key:"handleClick",value:function(){var e=this.props,l=e.categoryUnreadCounts,a=e.filterCategory,n=e.setFilterCategory;Object(x.registerMessageHandler)("updateFilterCategory",function(e){var l=e.category;n(l)}),Object(A.a)("NotifsPageFiltersMobileModal",{categoryUnreadCounts:l,filterCategory:a,onSelect:S.h?null:n},{},!0)}},{key:"render",value:function(){var e=this;if(!S.f)return null;var l=!!this.props.filterCategory;return f.createElement(w.e,{onClick:function(){return e.handleClick()}},f.createElement(B.a,{color:l?"blue":"gray",filled:l},f.createElement(O,null)))}}]),l}(f.Component);V.displayName="NotifsPageFiltersMobileButton";var j,H=a("821o"),q=a("krd8"),D=function(e){function l(){return t()(this,l),d()(this,g()(l).apply(this,arguments))}return k()(l,e),o()(l,[{key:"render",value:function(){return S.f?f.createElement(w.p,{href:"/settings/notifications"},f.createElement(B.a,{color:"gray"},f.createElement(q.a,null))):f.createElement(w.p,{href:"/settings/notifications",color:"gray"},f.createElement(L.x,null,"Settings"))}}]),l}(f.Component);D.displayName="NotifsPageSettingsLink";var R=function(e){function l(){return t()(this,l),d()(this,g()(l).apply(this,arguments))}return k()(l,e),o()(l,[{key:"render",value:function(){var e=this.props.viewer,l=JSON.parse(e.notifCategoryUnreadCounts);return f.createElement(E.b,{desktopColumnCount:3,desktopLeftCol:this.renderDesktopFilters({categoryUnreadCounts:l}),desktopLeftColSticky:!0},this.renderHeader({categoryUnreadCounts:l}),this.renderBody())}},{key:"renderBody",value:function(){var e=this.props,l=e.filterCategory,a=e.viewer;return f.createElement(b.a,null,f.createElement(N.a,{viewer:a,filterCategory:l}))}},{key:"renderHeader",value:function(e){var l=e.categoryUnreadCounts,a=this.props,n=a.viewer,r=a.filterCategory,i=a.setFilterCategory,t=r?l[r]:Object(T.a)(l),s=(S.f||t)&&f.createElement(H.a,{viewer:n,filterCategory:r,categoryHasUnread:t>0});return S.f?f.createElement(w.d,{bg:"white"},f.createElement(_.a,{titleText:s,secondaryComponent:f.createElement(f.Fragment,null,f.createElement(V,{categoryUnreadCounts:l,filterCategory:r,setFilterCategory:i}),f.createElement(w.l,{ml:"medium"},f.createElement(D,null)))})):f.createElement(_.a,{includePageMargin:!1,titleText:this.renderDesktopTitleText(),secondaryComponent:f.createElement(w.s,{color:"gray",fontSize:"small"},f.createElement(U.a,null,s,f.createElement(D,null)))})}},{key:"renderDesktopFilters",value:function(e){var l=e.categoryUnreadCounts,a=this.props,n=a.filterCategory,r=a.setFilterCategory;return S.f?null:f.createElement(b.a,null,f.createElement(I.a,{headerTitle:f.createElement(L.x,null,"Filters"),categoryUnreadCounts:l,selectedCategory:n,onSelect:r}))}},{key:"renderDesktopTitleText",value:function(){var e=this.props.filterCategory;return e?f.createElement(P.e,{category:e}):f.createElement(L.x,null,"Notifications")}}]),l}(f.Component);R.displayName="NotifsPageMain",R.fragments={viewer:void 0!==j?j:j=r};var Q=Object(h.b)(R),z=a("GLuq");var W,Z=a("yju1");a.d(l,"default",function(){return J});var J=function(e){function l(e){var a;return t()(this,l),(a=d()(this,g()(l).call(this,e))).state={filterCategory:null},a.state={filterCategory:e.filterCategory},a}return k()(l,e),o()(l,[{key:"render",value:function(){var e=this.props.data;return f.createElement(Q,{viewer:e.viewer,filterCategory:this.state.filterCategory,setFilterCategory:function(e){var l=function(){var e=(arguments.length>0&&arguments[0]!==undefined?arguments[0]:{}).filterCategory,l=Object(z.c)("/notifications"),a=P.b.get(e);return null!=a&&(l.path+="/".concat(a)),l}({filterCategory:e});S.h?(Object(Z.a)("setCanonicalURL",{url:l.path}),Object(Z.a)("reload",{})):Object(C.m)(l,"replace")}})}}]),l}(f.Component);J.displayName="NotifsPageLoadable",J.getInitialQuery=function(){return void 0!==W?W:W=n}}}]);