diff options
Diffstat (limited to 'src/features/workspaces/components/WorkspaceServiceListItem.tsx')
-rw-r--r-- | src/features/workspaces/components/WorkspaceServiceListItem.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/features/workspaces/components/WorkspaceServiceListItem.tsx b/src/features/workspaces/components/WorkspaceServiceListItem.tsx index e708d5cdf..9034be37c 100644 --- a/src/features/workspaces/components/WorkspaceServiceListItem.tsx +++ b/src/features/workspaces/components/WorkspaceServiceListItem.tsx | |||
@@ -2,6 +2,7 @@ import { Component, ReactElement } from 'react'; | |||
2 | import { observer } from 'mobx-react'; | 2 | import { observer } from 'mobx-react'; |
3 | import withStyles, { WithStylesProps } from 'react-jss'; | 3 | import withStyles, { WithStylesProps } from 'react-jss'; |
4 | import classnames from 'classnames'; | 4 | import classnames from 'classnames'; |
5 | import { noop } from 'lodash'; | ||
5 | import Toggle from '../../../components/ui/toggle'; | 6 | import Toggle from '../../../components/ui/toggle'; |
6 | import ServiceIcon from '../../../components/ui/ServiceIcon'; | 7 | import ServiceIcon from '../../../components/ui/ServiceIcon'; |
7 | import Service from '../../../models/Service'; | 8 | import Service from '../../../models/Service'; |
@@ -39,9 +40,9 @@ interface IProps extends WithStylesProps<typeof styles> { | |||
39 | class WorkspaceServiceListItem extends Component<IProps> { | 40 | class WorkspaceServiceListItem extends Component<IProps> { |
40 | render(): ReactElement { | 41 | render(): ReactElement { |
41 | const { classes, isInWorkspace, onToggle, service } = this.props; | 42 | const { classes, isInWorkspace, onToggle, service } = this.props; |
42 | |||
43 | return ( | 43 | return ( |
44 | <div className={classes.listItem}> | 44 | // onclick in below div used to fix bug raised under toggle duplicate component removal |
45 | <div className={classes.listItem} onClick={onToggle} onKeyDown={noop}> | ||
45 | <ServiceIcon className={classes.serviceIcon} service={service} /> | 46 | <ServiceIcon className={classes.serviceIcon} service={service} /> |
46 | <span | 47 | <span |
47 | className={classnames([ | 48 | className={classnames([ |