(props: {
readonly onClick: () => void;
readonly prompt?: string;
})
| 303 | }; |
| 304 | |
| 305 | const Delete = (props: { |
| 306 | readonly onClick: () => void; |
| 307 | readonly prompt?: string; |
| 308 | }) => { |
| 309 | const handleKeyDown = (event: KeyboardEvent) => { |
| 310 | if (event.key == 'Enter') { |
| 311 | event.preventDefault(); |
| 312 | props.onClick(); |
| 313 | } |
| 314 | }; |
| 315 | |
| 316 | document.addEventListener('keydown', handleKeyDown); |
| 317 | onCleanup(() => document.removeEventListener('keydown', handleKeyDown)); |
| 318 | |
| 319 | return ( |
| 320 | <> |
| 321 | {(props.prompt ?? 'Delete') + '? '} |
| 322 | <img onClick={props.onClick} title="Confirm" class="ok" /> |
| 323 | </> |
| 324 | ); |
| 325 | }; |
| 326 | |
| 327 | const Actions = (props: { |
| 328 | readonly left?: JSXElement; |
no test coverage detected
searching dependent graphs…