Isaac Aracena
2 lines
1.7 KiB
JavaScript
2 lines
1.7 KiB
JavaScript
import{u as d,r,j as s,L as f}from"./index-kE4_6-nI.js";import{E as u}from"./DashboardParts-nkkWHQei.js";import{P as x}from"./PageHeader-BIrj68Xg.js";function b(){const{notifications:t,markNotification:o}=d(),[a,c]=r.useState("todas"),e=r.useMemo(()=>t.filter(i=>a==="sin_leer"?!i.read:a==="sla"?i.kind==="sla":a==="accion"?i.kind==="accion":!0),[a,t]);return s.jsxs("div",{className:"page-stack",children:[s.jsx(x,{eyebrow:"Centro de actividad",title:"Notificaciones",description:"Todo lo que exige una decisión, sin mezclarlo con ruido operativo."}),s.jsx("div",{className:"status-tabs status-tabs--compact",role:"tablist","aria-label":"Filtrar notificaciones",children:[["todas","Todas"],["sin_leer","Sin leer"],["sla","SLA"],["accion","Acción requerida"]].map(([i,l])=>s.jsxs("button",{type:"button",role:"tab","aria-selected":a===i,className:a===i?"is-active":"",onClick:()=>c(i),children:[l,s.jsx("span",{children:t.filter(n=>i==="todas"||(i==="sin_leer"?!n.read:n.kind===i)).length})]},i))}),e.length===0?s.jsx(u,{title:"No hay notificaciones",detail:"Este filtro está al día."}):s.jsx("section",{className:"notification-list",children:e.map(i=>s.jsxs("article",{className:`notification notification--${i.kind}${i.read?" is-read":""}`,children:[s.jsxs("button",{type:"button",className:"notification__body",onClick:()=>o(i.id),children:[s.jsx("span",{className:"notification__signal","aria-hidden":"true"}),s.jsxs("div",{children:[s.jsxs("p",{children:[i.kind==="sla"?"SLA":i.kind==="accion"?"ACCIÓN":"SISTEMA"," · ",i.at]}),s.jsx("h2",{children:i.title}),s.jsx("span",{children:i.detail})]}),i.read?null:s.jsx("i",{"aria-label":"Sin leer"})]}),i.requisitionId?s.jsx(f,{to:`/requisiciones/${i.requisitionId}`,children:"Abrir caso →"}):null]},i.id))})]})}export{b as default};
|