diff options
author | muhamedsalih-tw <104364298+muhamedsalih-tw@users.noreply.github.com> | 2022-11-17 05:45:39 +0530 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-11-17 00:15:39 +0000 |
commit | d9502c7516bc2d4ae467c6ea8a2e4816b0885f37 (patch) | |
tree | b339c587a5529ac26d52cfc12d9972a8a00255e6 /src/features/workspaces/components/WorkspaceServiceListItem.tsx | |
parent | Transform JSX components to TSX (#755) (diff) | |
download | ferdium-app-d9502c7516bc2d4ae467c6ea8a2e4816b0885f37.tar.gz ferdium-app-d9502c7516bc2d4ae467c6ea8a2e4816b0885f37.tar.zst ferdium-app-d9502c7516bc2d4ae467c6ea8a2e4816b0885f37.zip |
Transfrom workspace components to ts (#775)
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([ |