summaryrefslogtreecommitdiffstats
path: root/web/gui/v2/6129.b1dace954d671f303383.chunk.js
blob: 5583d80300d9e56cfedd59ff05538506f32008a7 (plain)
1
!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a80d49e0-d039-44d4-81d4-1804eff9c2c2",e._sentryDebugIdIdentifier="sentry-dbid-a80d49e0-d039-44d4-81d4-1804eff9c2c2")}catch(e){}}();var _global="undefined"!==typeof window?window:"undefined"!==typeof global?global:"undefined"!==typeof self?self:{};_global.SENTRY_RELEASE={id:"6845f9ce010d5a446e5d4a40f17204cb8341a07a"},(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[6129],{66129:function(e,t,n){n.r(t),n.d(t,{default:function(){return Te}});var r=n(29439),o=n(67294),a=n(64969),l=n(87462),i=n(45987),c=(n(74916),n(64765),n(8641)),u=n(85373),s=n(67034),m=function(){var e=(0,c.NE)(),t=(0,s.Z)(),n=(0,c.dG)(),a=(0,r.Z)(n,2),l=a[0],i=a[1],m=(0,c.Zc)(),d=(0,o.useMemo)((function(){return(0,u.cW)({searchTerm:l,integrations:e})})),g=l?(0,u.QJ)(d,t):m;return{integrations:(0,u.mi)(g),setSearchTerm:i}},d=n(41898),g=function(e){var t=e.flavour,n=(0,c.xh)(),i=(0,r.Z)(n,2),u=i[0],s=i[1],g=(0,c.wC)(),f=g.history,p=g.setHistory,h=(0,c.lX)(),v=m().setSearchTerm,E=(0,o.useMemo)((function(){var e;return null===(e=d.xN[t])||void 0===e?void 0:e.search}),[t]),y=(null===E||void 0===E?void 0:E.wrapperProps)||{},x=(null===E||void 0===E?void 0:E.inputProps)||{};return o.createElement(a.Flex,y,o.createElement(a.TextInput,(0,l.Z)({iconLeft:o.createElement(a.Icon,{name:"search",color:"textLite"}),value:h,onInput:function(e){var t=e.target.value;v(t),t?(u||s(f),p([])):u&&p(u)},placeholder:"Search through 800+ integrations",containerStyles:{width:"100%"},dataGa:"integrations::searchTerm::".concat(t)},x)))},f=n(6308),p=["flavour"],h=function(e){var t=e.flavour,n=(0,i.Z)(e,p),r=(0,f.Z)({polling:3e3}),c=r.loading,u=r.nodes,s=(0,o.useMemo)((function(){var e;return null===(e=d.n5[t])||void 0===e?void 0:e.headerContent}),[t]),m=(0,o.useMemo)((function(){var e;return null===(e=d.xN[t])||void 0===e?void 0:e.header}),[t]),h=(null===m||void 0===m?void 0:m.wrapperProps)||{};return o.createElement(a.Flex,(0,l.Z)({column:!0,alignItems:"center",justifyContent:"center",gap:2},h),s&&o.createElement(s,(0,l.Z)({claimedNodes:u,loadingNodes:c},n)),o.createElement(g,{flavour:t}))},v=n(668),E=(n(21249),n(57640),n(9924),n(50308)),y=n.n(E),x=n(88553),b=n(27856),w=(n(92222),n(86348)),C=(n(47042),n(46667)),Z=function(e){var t=e.categories,n=void 0===t?[]:t,r=e.level,a=void 0===r?0:r,l=e.flavour;return o.createElement(o.Fragment,null,n.map((function(e){return o.createElement(N,{key:e.id,category:e,level:a+1,flavour:l})})))},k=function(e){var t=e.subcategories,n=void 0===t?[]:t,l=e.popular,i=void 0===l?[]:l,c=e.noPopular,u=void 0===c?[]:c,s=e.limitResults,m=void 0===s?0:s,d=e.level,g=e.flavour,f=(0,C.Z)(m),p=(0,r.Z)(f,2),h=p[0],v=p[1],E=m&&!h?u.slice(0,m):u,y=(0,o.useMemo)((function(){return T(2)+4}),[]);return o.createElement(a.Flex,{column:!0},o.createElement(Z,{categories:i,level:d,flavour:g}),o.createElement(Z,{categories:E,level:d,flavour:g}),!!m&&m<n.length&&o.createElement(a.Flex,{padding:[0,0,0,y]},o.createElement(a.Button,{flavour:"borderless",label:h?"Show less":"Show more",onClick:v,small:!0,dataGa:"integrations::click-category-".concat(name,"-").concat(h?"showLess":"showMore","::").concat(g)})))},I=n(38626),F=n(82351),S=n(92432),T=function(){return 4+3*(arguments.length>0&&void 0!==arguments[0]?arguments[0]:1)},N=function(e){var t=e.isSidebarCollapsed,n=e.category,l=void 0===n?{}:n,i=e.level,u=void 0===i?1:i,s=e.flavour,m=e.maxItemsPerCategory,g=void 0===m?{}:m,f=(0,c.pZ)(),p=(0,c.wC)(),h=p.selectedCategory,E=p.pushCategory,y=l.id,b=l.name,Z=d.JZ[y],N=(0,o.useMemo)((function(){return(0,w.Ov)((0,w.KT)({category:l,categories:f}))}),[l,f]),P=N.categories,M=N.popular,L=N.rest,B=(0,x.Z)(),R=(0,r.Z)(B,2),_=R[0],j=R[1].width,H=(0,o.useMemo)((function(){return d.xN[s]||{}}),[s]).categoryCharacterWidth,z=(0,o.useMemo)((function(){return H>0?Math.floor(j/H):30}),[j,H]),D=(0,o.useMemo)((function(){var e,t=null===(e=g[y])||void 0===e?void 0:e.limit,n=M.length+1;return t>1?t-n:0}),[g,M]),A=y==(null===h||void 0===h?void 0:h.id),G=(0,o.useMemo)((function(){return T(u)}),[u]),W=(0,C.Z)(),O=(0,r.Z)(W,2),Q=O[0],J=O[1],K=function(){E(l),(0,S.L)("integrations","select-category","sidebar","category-id:".concat(l.id)),P.length&&J()};return t?o.createElement(a.Flex,{alignItems:"center",justifyContent:"center",padding:[2]},o.createElement(F.Z,{content:b,align:"right"},Z&&o.createElement(a.Icon,{name:Z,color:A?"primary":"text",cursor:"pointer",onClick:K}))):o.createElement(a.Flex,{column:!0},o.createElement(v.MJ,{ref:_,className:1==u?"top-level":"",gap:u>1?1:2,padding:[2,2,2,G],onClick:K,dataGa:"integrations::click-category-".concat(b,"::").concat(s),background:u>1&&A?"integrationMenuItemHover":null},Z&&o.createElement(a.Icon,{name:Z,size:"small",color:A?"primary":"text"}),u>1&&o.createElement(v.pV,{name:"chevron_right",rotate:Q?1:0,size:"small",color:"textLite",cursor:"pointer",disabled:!P.length}),o.createElement(I.Z,{maxLength:z,text:b,TextComponent:a.TextBig})),!!P.length&&(Q||1==u)&&o.createElement(k,{subcategories:P,popular:M,noPopular:L,limitResults:D,level:u,flavour:s}))},P=function(e){return o.createElement(a.Box,(0,l.Z)({as:"hr",height:"1px",width:"100%",sx:{borderWidth:"1px 0px 0px 0px",borderColor:"borderSecondary",borderStyle:"solid"}},e))},M={collapsed:{alignItems:"center",justifyContent:"center",padding:[2]},expanded:{justifyContent:"end",padding:[0,2,0,0],position:"sticky",top:"0"}},L={collapsed:{icon:"chevron_right",iconSize:"large",flavour:"borderless",small:!0},expanded:{icon:"chevron_left",iconSize:"small",flavour:"hollow",tiny:!0}},B=function(e){var t=e.isSidebarCollapsed,n=e.onClick,r=void 0===n?y():n,i=(0,o.useMemo)((function(){return t?"collapsed":"expanded"}),[t]);return o.createElement(a.Flex,(0,l.Z)({width:"100%"},M[i]),o.createElement(a.Button,(0,l.Z)({neutral:!0,onClick:r},L[i])))},R=(0,b.D)(300,w.XB),_=function(e){var t=e.flavour,n=e.isSidebarCollapsed,l=e.toggleSidebar,i=void 0===l?y():l,u=(0,x.Z)(),s=(0,r.Z)(u,2),m=s[0],d=s[1].height,g=(0,c.BN)(),f=(0,c.pZ)(),p=(0,o.useState)({}),h=(0,r.Z)(p,2),v=h[0],E=h[1];return(0,o.useEffect)((function(){R({height:d,topLevelCategories:g,categories:f,setState:E})}),[d,g,f]),o.createElement(a.Flex,{ref:m,column:!0,gap:2,overflow:{vertical:"auto"}},o.createElement(B,{isSidebarCollapsed:n,onClick:i}),g.map((function(e,r){return o.createElement(a.Flex,{key:e.id,column:!0,gap:2},o.createElement(N,{isSidebarCollapsed:n,category:e,maxItemsPerCategory:v,flavour:t}),!n&&r<g.length-1&&o.createElement(P,null))})))},j=(0,o.memo)(_),H=n(74059),z=function(){var e=(0,c.wC)().pop,t=(0,o.useCallback)((function(){e(),(0,S.L)("integrations","navigate-back","breadcrumb")}),[e]);return o.createElement(a.Button,{label:"Back",icon:"arrow_left",iconColor:"primary",iconSize:"small",flavour:"borderless",onClick:t})},D=(n(15306),n(71893)),A=["iconProps"],G=function(e){var t=e.iconProps,n=(0,i.Z)(e,A);return o.createElement(a.Flex,(0,l.Z)({width:"74px",height:"74px",alignItems:"center",justifyContent:"center",background:"primary",round:"100%"},n),o.createElement(a.Icon,(0,l.Z)({name:"integrations",color:"white",size:"large"},t)))},W=(0,D.default)(G).withConfig({displayName:"fallbackIcon__PlaceholderIcon",componentId:"sc-182ui8v-0"})(["filter:blur(3px);background:",";opacity:0.7;"],(0,a.getColor)("mainBackground")),O=function(){return o.createElement(W,{iconProps:{color:"textLite"}})},Q=G,J=n(91008),K=function(e){var t=e.name,n=e.icon,l=(0,o.useState)(),i=(0,r.Z)(l,2),c=i[0],u=i[1],s=(0,o.useCallback)((function(){return u(!0)}),[]);return o.createElement(a.Flex,{alignItems:"center",gap:1},n&&(c?o.createElement(Q,{width:"18px",height:"18px",iconProps:{size:void 0,with:"12px",height:"12px"}}):o.createElement("img",{src:n,alt:"".concat(t,"-logo"),height:"18px",onError:s})),o.createElement(a.Text,null,t))},V=function(e){var t=e.category,n=void 0===t?{}:t,r=e.index,l=void 0===r?0:r,i=(0,c.wC)(),u=i.history,s=i.selectedIntegration,m=i.pushCategory;return!s&&l==u.length-1?o.createElement(a.Text,null,n.name):o.createElement(J.Z,{onClick:function(){m(n),(0,S.L)("integrations","select-category","breadcrumb","category-id:".concat(n.id))}},n.name)},X=function(e){var t=e.flavour,n=(0,c.wC)().history,r=n.map((function(e){return e.name})).join("-").replace(" ","");return o.createElement(a.Flex,{gap:2,dataGa:"integrations::view-integration-".concat(r,"::").concat(t)},n.map((function(e,t){return o.createElement(a.Flex,{key:e.id,gap:2},"category"==e.type?o.createElement(V,{category:e,index:t}):o.createElement(K,e),t<n.length-1&&o.createElement(a.Text,null,"/"))})))},Y=function(e){var t=e.url,n=void 0===t?"":t;return n?o.createElement(J.Z,{href:n,rel:"noopener noreferrer",target:"_blank"},o.createElement(F.Z,{content:"Do you see something wrong? Edit the contents of this resource here."},o.createElement(a.Flex,{alignItems:"center",gap:1},o.createElement(a.Icon,{color:"primary",name:"pencilOutline",width:"12px",height:"12px"}),o.createElement(a.Text,{color:"primary"},"Edit information")))):null},$=n(35819),q=(n(82526),n(41817),function(){var e=m().integrations,t=(0,c.Si)(),n=(0,c.mk)(),r=(0,c.wC)().setHistory,l=(0,o.useCallback)((function(){t(),n&&r(n)}),[]);return o.createElement(a.Flex,{alignItems:"center",justifyContent:"between"},o.createElement(a.Flex,{alignItems:"center",gap:4},o.createElement(a.TextBig,null,"Found ",e.length," results"),o.createElement(a.Button,{label:"Clear",icon:"x",iconColor:"primary",iconSize:"small",flavour:"borderless",onClick:l})))}),U=n(71059),ee=(n(57327),n(41539),n(88449),n(2490),n(59849),["src","Placeholder","onError"]),te=function(e){var t=e.src,n=e.Placeholder,a=e.onError,c=void 0===a?y():a,u=(0,i.Z)(e,ee),s=(0,C.Z)(!0),m=(0,r.Z)(s,2),d=m[0],g=m[1];return(0,o.useEffect)((function(){var e=new Image;e.src=t,e.onload=function(){return g()},e.onerror=function(e){return c(e)}}),[]),d&&n?o.createElement(n,null):o.createElement("img",(0,l.Z)({src:t},u))},ne=["isCommunity"],re=["integration"],oe=function(e){var t=e.isCommunity,n=(0,i.Z)(e,ne);return o.createElement(a.Flex,(0,l.Z)({alignItems:"center",gap:1,position:"absolute",top:"-20px",right:"0",padding:[0,2]},n),o.createElement(F.Z,{content:t?"This integration is maintaned by the community":"This integration is maintained by Netdata"},o.createElement(a.TextMicro,{strong:!0,color:"textDescription"},t?"by Community":"by Netdata")),!t&&o.createElement(a.Icon,{name:"favorites",color:"primary",width:"14px",height:"14px"}))},ae=function(e){var t=e.integration,n=void 0===t?{}:t,u=(0,i.Z)(e,re),m=(0,c.wC)(),d=m.selectedCategory,g=m.pushIntegration,f=(0,c.pZ)(),p=(0,C.Z)(),h=(0,r.Z)(p,2),E=h[0],y=h[1],x=n.flattenedCategory,b=n.community,Z=(0,s.Z)(),k=(0,w.QQ)({category:x,getCategoryById:Z}),I=k.tree,F=k.topLevelCategory,T=(0,o.useMemo)((function(){return I.slice(0,2).filter(Boolean).map((function(e){return e.name})).join(" / ")}),[I,F]),N=(0,w.tu)((null===d||void 0===d?void 0:d.id)||(null===x||void 0===x?void 0:x.id),f),P=(0,o.useState)(),M=(0,r.Z)(P,2),L=M[0],B=M[1],R=(0,o.useCallback)((function(){return B(!0)}),[]);return o.createElement(v.Zb,(0,l.Z)({alignItems:"center",justifyContent:"center",height:"100%",position:"relative",overflow:"hidden",cursor:"pointer",padding:[2],onMouseEnter:y,onMouseLeave:y,onClick:function(){g(n),(0,S.L)("integrations","select-integration","integration-tile","integration-id:".concat(n.id))},round:"2px"},u),o.createElement(v.ZL,null,n.icon&&!L&&o.createElement(te,{Placeholder:O,src:n.icon,alt:"".concat(n.name,"-logo"),width:"74px",height:"74px",onError:R})),o.createElement(v._K,{name:N,className:E?"hover":"",width:"190px",height:"190px",color:"textLite"}),o.createElement(a.Flex,{alignItems:"center",justifyContent:"center",column:!0,gap:2,zIndex:10},o.createElement(a.Flex,{justifyContent:"center",column:!0,gap:1},o.createElement(a.H3,{textAlign:"center",strong:!1},n.name),T&&o.createElement(a.TextSmall,{textAlign:"center"},T)),n.icon&&!L&&o.createElement(te,{Placeholder:O,src:n.icon,alt:"".concat(n.name,"-logo"),width:"74px",height:"74px",onError:R}),L&&o.createElement(Q,null),n.description?o.createElement(v.SZ,{className:E?"hover":"",alignItems:"center",justifyContent:"center",width:"100%",padding:[3],background:"mainBackground"},o.createElement(oe,{isCommunity:b}),o.createElement(a.Text,{textAlign:"center"},n.description)):o.createElement(oe,{isCommunity:b,bottom:"4px",top:"unset"})))},le=(0,o.memo)(ae),ie=function(e){var t=e.integrations,n=void 0===t?[]:t,r=e.itemsPerRow,a=void 0===r?4:r,l=e.rowHeight,i=void 0===l?200:l,c=(0,o.useRef)(),u=(0,o.useMemo)((function(){return function(e){for(var t=e.integrations,n=void 0===t?[]:t,r=e.itemsPerRow,o=[],a=[],l=0;l<n.length;l++)a.push(n[l]),(l+1)%r==0&&(o.push(a),a=[]);return a.length>0&&o.push(a),o}({integrations:n,itemsPerRow:a})}),[n,a]),s=(0,o.useCallback)((function(){return i}),[i]),m=(0,U.MG)({count:u.length,getScrollElement:function(){return c.current},enableSmoothScroll:!1,estimateSize:s});return o.createElement("div",{ref:c,style:{height:"100%",overflow:"auto",paddingRight:"16px"}},o.createElement("div",{style:{minHeight:"".concat(m.getTotalSize(),"px"),width:"100%",position:"relative"}},m.getVirtualItems().map((function(e){return o.createElement("div",{key:e.key,style:{position:"absolute",top:0,left:0,width:"100%",transform:"translateY(".concat(e.start,"px)"),overflow:"hidden"},ref:m.measureElement},o.createElement(v.DF,{itemsPerRow:a,rowHeight:i},(u[e.index]||[]).map((function(e){return o.createElement(le,{width:"100%",height:"100%",key:e.flattenedKey||e.id,integration:e})}))))}))))},ce=function(){return o.createElement(a.Flex,{width:"100%",column:!0,alignItems:"center",margin:[8,0,0,0]},o.createElement(a.Flex,{column:!0,justifyContent:"center",alignItems:"center",margin:[0,0,6]},o.createElement(a.H3,{margin:[0,0,4]},"No integrations to display"),o.createElement(a.Text,{color:"textDescription",textAlign:"center"},"There are currently no integrations under this category.",o.createElement("br",null),"Try another category or use the search bar to find what you're looking for.")))},ue=n(94829),se="(min-width: 1600px)",me="(max-width: 1599px)",de="(max-width: 1299px)",ge={large:{itemsPerRow:4,rowHeight:200},medium:{itemsPerRow:3,rowHeight:200},small:{itemsPerRow:2,rowHeight:190}},fe=(0,o.memo)((function(e){var t=e.selectedCategory,n=e.searchTerm,r=e.integrations,l=function(){var e=(0,ue.Z)(se),t=(0,ue.Z)(me),n=(0,ue.Z)(de);return ge[e?"large":t&&!n?"medium":"small"]||{}}(),i=l.itemsPerRow,c=l.rowHeight;return o.createElement(a.Flex,{column:!0,gap:4,width:"100%",height:"100%",overflow:{vertical:"auto"}},o.createElement(a.Flex,{width:"100%",position:"sticky",top:"0",background:"mainBackground",zIndex:15},n?o.createElement(q,null):o.createElement(a.Flex,{column:!0,gap:2},o.createElement(a.H1,{strong:!1},null===t||void 0===t?void 0:t.name),o.createElement(a.Text,null,null===t||void 0===t?void 0:t.description))),r.length?o.createElement(ie,{integrations:r,itemsPerRow:i,rowHeight:c}):o.createElement(ce,null))})),pe=function(e){var t=e.flavour,n=(0,c.wC)().selectedCategory,r=(0,c.lX)(),a=m().integrations;return o.createElement(fe,{flavour:t,selectedCategory:n,searchTerm:r,integrations:a})},he=(n(91058),n(67996)),ve=n(95248),Ee=n(58591),ye=function(){var e,t=(0,o.useState)("calc(100% - 133px)"),n=(0,r.Z)(t,2),l=n[0],i=n[1],u=(0,Ee.m$)().selectedIntegrationTab,s=(0,ve.I0)("selectedIntegrationTab"),m=(0,r.Z)(s,2)[1],d=(0,o.useState)(u||0),g=(0,r.Z)(d,2),f=g[0],p=g[1],h=(0,c.wC)().selectedIntegration,v=void 0===h?{}:h,E=v.overview,y=v.metrics,b=v.alerts,w=v.setup,C=v.troubleshooting,Z=v.relatedResources,k=(0,x.Z)(),I=(0,r.Z)(k,2),F=I[0],T=I[1].height,N=(0,o.useMemo)((function(){return[E?{id:"overview",label:"Overview",content:E}:null,y?{id:"metrics",label:"Metrics",content:y}:null,b?{id:"alerts",label:"Alerts",content:b}:null,w?{id:"setup",label:"Setup",content:w}:null,C?{id:"troubleshooting",label:"Troubleshooting",content:C}:null].filter(Boolean)}),[E,y,b,w,C,Z]);(0,o.useLayoutEffect)((function(){T&&i("".concat(T-70,"px"))}),[T]);return o.createElement(a.Flex,{ref:F,column:!0,gap:2,width:"100%",height:"100%",margin:[4,0,0,0]},o.createElement(a.Flex,{border:{side:"bottom",size:"1px",color:"borderSecondary"},padding:[0,4]},o.createElement(a.Tabs,{selected:parseInt(f),onChange:function(e){var t;m(e),p(e),(0,S.L)("integrations","select-integration-tab","integration-view","selected-tab:".concat(null===(t=N[e])||void 0===t?void 0:t.label))}},N.map((function(e){var t=e.label;return o.createElement(a.Tab,{key:t,label:o.createElement(a.Text,null,t),minWidth:"auto",maxWidth:"auto",padding:[1,4],background:"mainBackground",small:!0})})))),o.createElement(a.Flex,{width:"100%",height:l,overflow:{vertical:"auto"},padding:[2,0]},o.createElement(he.Z,null,null===(e=N[f])||void 0===e?void 0:e.content)))},xe=function(e){var t=e.integration,n=void 0===t?{}:t;return o.createElement(o.Fragment,null,n.description&&o.createElement(a.Flex,{margin:[4,0,0,0]},o.createElement(a.Text,null,n.description)),o.createElement(ye,null))},be=function(e){var t=e.integration,n=void 0===t?{}:t,r=e.topLevelCategory,a=void 0===r?{}:r,l=e.isNightly,i=(0,o.useMemo)((function(){return function(e){return d.ON[null===e||void 0===e?void 0:e.id]||xe}(a)}),[a]);return o.createElement(i,{integration:n,isNightly:l})},we=n(35253),Ce=function(e){var t=e.flavour,n=(0,H.OS)("plan"),l=(0,s.Z)(),i=(0,c.wC)(),u=i.level,m=i.selectedCategory,d=i.selectedIntegration,g=(d||{}).flattenedCategory||m,f=(0,w.QQ)({category:g,getCategoryById:l}).topLevelCategory,p="deploy"==(null===f||void 0===f?void 0:f.id),h=(0,o.useState)(we.N[n]||we.N.default),v=(0,r.Z)(h,2),E=v[0],y=v[1],x=d||u>2;return o.createElement(a.Flex,{column:!0,gap:2,width:"100%",overflow:d&&!p?{}:{vertical:"auto"}},o.createElement(a.Flex,{column:!0,alignItems:"start",gap:2,padding:[0,2,0,0]},x&&o.createElement(z,null),o.createElement(a.Flex,{width:"100%",alignItems:"end",justifyContent:"between"},o.createElement(a.Flex,{alignItems:"center",gap:4},o.createElement(X,{flavour:t}),(null===d||void 0===d?void 0:d.editLink)&&o.createElement(Y,{url:d.editLink})),d&&p&&o.createElement($.Z,{isNightly:"nightly"==E,toggleNightly:function(e){var t=e.target.checked?"nightly":"stable";y(t)}}))),d?o.createElement(be,{integration:d,topLevelCategory:f,isNightly:"nightly"==E,flavour:t}):o.createElement(pe,{flavour:t}))},Ze=n(26502),ke=(0,D.default)(a.Flex).withConfig({displayName:"cncfReference__Wrapper",componentId:"sc-1ntasha-0"})(["position:absolute;bottom:0;"]),Ie=function(){return o.createElement(ke,{width:"100%",alignItems:"start",justifyContent:"end",background:"mainBackground",gap:2,padding:[6]},o.createElement(a.Flex,{width:"500px"},o.createElement(a.TextSmall,{textAlign:"right"},"Netdata is a member of the Cloud Native Computing Foundation (CNCF), and it is the 3rd most starred project in the"," ",o.createElement(J.Z,{alignSelf:"start",Component:a.TextSmall,href:"https://landscape.cncf.io/card-mode?grouping=no&sort=stars",rel:"noopener noreferer",target:"_blank"},"CNCF landscape"),".")),o.createElement(Ze.lR,null))},Fe=n(18663),Se=n(89250),Te=function(e){var t=e.flavour,n=void 0===t?d.p1:t,l=(0,C.Z)(),i=(0,r.Z)(l,4),u=i[0],s=i[2],m=i[3];!function(){var e=(0,o.useRef)(!0),t=(0,Se.TH)().pathname,n=(0,c.P0)();(0,o.useEffect)((function(){e.current||(e.current=!1,n())}),[t])}();var g=(0,C.Z)(),f=(0,r.Z)(g,2),p=f[0],E=f[1];return o.createElement(o.Fragment,null,o.createElement(a.Flex,{position:"relative",height:"100%",column:!0,background:"mainBackground"},o.createElement(a.Flex,{column:!0,alignItems:"center",justifyContent:"center"},o.createElement(h,{flavour:n,onInvite:s})),o.createElement(v.J3,{flavour:n,isSidebarCollapsed:p},o.createElement(j,{flavour:n,isSidebarCollapsed:p,toggleSidebar:E}),o.createElement(Ce,{flavour:n})),n==d.RV.homePage&&o.createElement(Ie,null)),u&&o.createElement(Fe.l,{onClose:m}))}}}]);