UNPKG

zigbee2mqtt-windfront

Version:

[![Version](https://img.shields.io/npm/v/zigbee2mqtt-windfront.svg)](https://npmjs.org/package/zigbee2mqtt-windfront) [![CI](https://github.com/Nerivec/zigbee2mqtt-windfront/actions/workflows/ci.yml/badge.svg)](https://github.com/Nerivec/zigbee2mqtt-windf

2 lines (1 loc) 1.26 kB
import{E as h,P as j,b as p,r,j as o,Q as u,C as d}from"./index-Cg_dwqpD.js";import{C as f}from"./CheckboxField-D0wHGmUZ.js";const g=h.create(({sourceIdx:l,device:t,removeDevice:m})=>{const s=j(),{t:a}=p(["zigbee","common"]),[n,b]=r.useState({block:!1,force:!1}),i=r.useCallback(e=>{const{checked:c,name:v}=e.target;b(x=>({...x,[v]:c}))},[]),k=r.useCallback(async()=>{s.remove(),await m(l,t.ieee_address,n.force,n.block)},[l,s.remove,m,t.ieee_address,n]);return r.useEffect(()=>{const e=c=>{c.key==="Escape"&&(c.preventDefault(),s.remove())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[s]),o.jsx(u,{isOpen:s.visible,title:`${a(e=>e.remove_device)} ${t.friendly_name}`,footer:o.jsxs(o.Fragment,{children:[o.jsx(d,{className:"btn btn-neutral",onClick:s.remove,children:a(e=>e.cancel,{ns:"common"})}),o.jsx(d,{className:"btn btn-error ms-1",onClick:k,children:a(e=>e.delete,{ns:"common"})})]}),children:o.jsxs("div",{className:"flex flex-col gap-2",children:[o.jsx(f,{label:a(e=>e.force_remove),name:"force",onChange:i,checked:n.force}),o.jsx("span",{className:"text-xs opacity-50",children:a(e=>e.force_remove_notice)}),o.jsx(f,{label:a(e=>e.block_join),name:"block",onChange:i,checked:n.block})]})})});export{g as R};