"use strict";(self.webpackChunkairdcpp_webui=self.webpackChunkairdcpp_webui||[]).push([[255],{4665:(n,r,t)=>{t.d(r,{Z:()=>a});var e=t(87537),s=t.n(e),i=t(23645),A=t.n(i)()(s());A.push([n.id,".simple-layout {\r\n  height: 100%;\r\n  padding: 20px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  background-color: white;\r\n}\r\n\r\n.simple-layout > div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.simple-layout .layout-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  flex: 1 1 100%;\r\n}\r\n\r\n.simple-layout .layout-content > div {\r\n  width: 100%;\r\n}\r\n\r\n.simple-layout .divider.top {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n/* Message layout */\r\n.system-log .message-list {\r\n  width: 100%;\r\n  margin: 10px 0px !important;\r\n}\r\n\r\n.system-log .status.item i {\r\n  float: left;\r\n}\r\n\r\n.system-log .status.item .text {\r\n  margin-top: 5px;\r\n  margin-bottom: 10px;\r\n  overflow: hidden;\r\n}\r\n\r\n.system-log .status.item .time {\r\n  color: gray;\r\n}\r\n\r\n.system-log .status.item .label {\r\n  color: gray;\r\n  margin-right: 3px;\r\n}\r\n","",{version:3,sources:["webpack://./src/routes/Sidebar/routes/Events/style.css"],names:[],mappings:"AAAA;EACE,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,kBAAkB;EAClB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;AACd;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,cAAc;AAChB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA,mBAAmB;AACnB;EACE,WAAW;EACX,2BAA2B;AAC7B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,eAAe;EACf,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB",sourcesContent:[".simple-layout {\r\n  height: 100%;\r\n  padding: 20px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  background-color: white;\r\n}\r\n\r\n.simple-layout > div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.simple-layout .layout-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n  flex: 1 1 100%;\r\n}\r\n\r\n.simple-layout .layout-content > div {\r\n  width: 100%;\r\n}\r\n\r\n.simple-layout .divider.top {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n/* Message layout */\r\n.system-log .message-list {\r\n  width: 100%;\r\n  margin: 10px 0px !important;\r\n}\r\n\r\n.system-log .status.item i {\r\n  float: left;\r\n}\r\n\r\n.system-log .status.item .text {\r\n  margin-top: 5px;\r\n  margin-bottom: 10px;\r\n  overflow: hidden;\r\n}\r\n\r\n.system-log .status.item .time {\r\n  color: gray;\r\n}\r\n\r\n.system-log .status.item .label {\r\n  color: gray;\r\n  margin-right: 3px;\r\n}\r\n"],sourceRoot:""}]);const a=A},36290:(n,r,t)=>{t.r(r),t.d(r,{default:()=>_});var e=t(85893),s=t(67294),i=t(70923),A=t(61593),a=t(518),o=t(94897),l=t(32347),m=t(48117);const c={clear:{displayName:"Clear",access:o.Z.EVENTS_EDIT,icon:m.Z.CLEAR,handler:()=>a.Z.delete(A.Z.MESSAGES_URL)}},u={moduleId:l.jv.EVENTS,actions:c};var g=t(72582),E=t(91462),d=t(45807),p=t(93379),y=t.n(p),C=t(7795),x=t.n(C),B=t(90569),h=t.n(B),v=t(3565),f=t.n(v),b=t(19216),Z=t.n(b),j=t(44589),w=t.n(j),N=t(4665),k={};k.styleTagTransform=w(),k.setAttributes=f(),k.insert=h().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=Z(),y()(N.Z,k),N.Z&&N.Z.locals&&N.Z.locals;var S=t(54883),W=t(27695),T=t(58317),I=t(8717);const V=({messages:n,t:r})=>n?0===n.length?(0,e.jsx)(W.Z,{description:(0,I.Iu)("No messages to show",r,l.jv.EVENTS)}):(0,e.jsx)(T.Z,{className:"events",messages:n,scrollPositionHandler:g.Z,t:r}):(0,e.jsx)(S.Z,{text:(0,I.Iu)("Loading messages",r,l.jv.EVENTS)});var O=t(92408),R=t(91072);const _=(0,s.memo)((function(){(0,s.useEffect)((()=>(i.Z.setActive(!0),i.Z.setRead(),g.Z.isInitialized()||i.Z.fetchMessages(),()=>i.Z.setActive(!1))),[]);const{t:n}=(0,R.$G)(),r=(0,O.o)(g.Z);return(0,e.jsx)("div",Object.assign({className:"simple-layout"},{children:(0,e.jsxs)("div",Object.assign({className:"wrapper"},{children:[(0,e.jsx)(E.Z,{icon:m.Z.EVENTS_COLORED,title:(0,I.Iu)("Events",n,l.jv.EVENTS),rightComponent:(0,e.jsx)(d.Z,{actions:u,actionId:"clear",icon:null})}),(0,e.jsx)("div",{className:"ui divider top"}),(0,e.jsx)("div",Object.assign({className:"layout-content system-log"},{children:(0,e.jsx)(V,{messages:r,t:n})}))]}))}))}),(()=>!0))}}]);
//# sourceMappingURL=system-log.b6bc274d7fb71714ca24.chunk.js.map