Files
mqtt-explorer/app/src/components/Sidebar/TopicPanel/TopicDeleteButton.tsx
Thomas Nordquist 1c52aced63 Fix button layout
2019-07-17 11:16:03 +02:00

20 lines
572 B
TypeScript

import * as q from '../../../../../backend/src/Model'
import CustomIconButton from '../../helper/CustomIconButton'
import Delete from '@material-ui/icons/Delete'
import React from 'react'
export const TopicDeleteButton = (props: {
node?: q.TreeNode<any>
deleteTopicAction: (node: q.TreeNode<any>) => void
}) => {
const { node } = props
if (!node || !node.message || !node.message.value) {
return null
}
return (
<CustomIconButton onClick={() => props.deleteTopicAction(node)} tooltip="Clear this topic">
<Delete />
</CustomIconButton>
)
}