diff --git a/app/src/components/Sidebar/Publish/Publish.tsx b/app/src/components/Sidebar/Publish/Publish.tsx index 8198758..b4a293d 100644 --- a/app/src/components/Sidebar/Publish/Publish.tsx +++ b/app/src/components/Sidebar/Publish/Publish.tsx @@ -16,6 +16,10 @@ import { RadioGroup, TextField, Typography, + IconButton, + FormControl, + InputLabel, + Input, } from '@material-ui/core' import { makePublishEvent, rendererEvents } from '../../../../../events' @@ -24,6 +28,7 @@ import { AppState } from '../../../reducers' import History from '../History' import Message from './Model/Message' import Navigation from '@material-ui/icons/Navigation' +import Clear from '@material-ui/icons/Clear' import { bindActionCreators } from 'redux' import { connect } from 'react-redux' import { sidebarActions } from '../../../actions' @@ -96,21 +101,28 @@ class Publish extends React.Component { return (topic !== undefined) ? topic : selectedNodePath } + private clearTopic = () => { + this.props.actions.setPublishTopic(undefined) + } + private topic() { const topicStr = this.currentTopic() || '' return (
- Topic - + + Topic + } + endAdornment={} + onBlur={this.onTopicBlur} + onChange={this.updateTopic} + multiline={true} + placeholder="example/topic" + /> +
) }