luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebar topic theme

Browse Source
This commit is contained in:
Thomas Nordquist
2019-04-15 11:43:07 +02:00
parent daac8cf949
commit 0d56ab49ea
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/src/components/Sidebar/Topic.tsx
View File

@@ -26,7 +26,7 @@ const styles: StyleRulesCallback<string> = (theme: Theme) => ({
class Topic extends React.Component<Props, {}> { class Topic extends React.Component<Props, {}> {
public render() { public render() {
const { node } = this.props const { node, theme } = this.props
if (!node) { if (!node) {
return null return null
} }
@@ -40,7 +40,8 @@ class Topic extends React.Component<Props, {}> {
<Button <Button
onClick={() => this.props.actions.selectTopic(edge!.target)} onClick={() => this.props.actions.selectTopic(edge!.target)}
size="small" size="small"
color="secondary" variant={theme.palette.type === 'light' ? 'contained' : undefined}
color={theme.palette.type === 'light' ? 'primary' : 'secondary'}
className={this.props.classes.button} className={this.props.classes.button}
key={edge!.hash()} key={edge!.hash()}
> >
@@ -54,7 +55,7 @@ class Topic extends React.Component<Props, {}> {
} }
const joinedBreadCrumps = breadCrumps.reduce((prev, current) => const joinedBreadCrumps = breadCrumps.reduce((prev, current) =>
prev.concat([<span key={key += 1}>/</span>]).concat(current) prev.concat([<span key={key += 1}> / </span>]).concat(current)
) )
return <span style={{ lineHeight: '2.2em' }}>{joinedBreadCrumps}</span> return <span style={{ lineHeight: '2.2em' }}>{joinedBreadCrumps}</span>