diff options
Diffstat (limited to 'src/features/workspaces/components/WorkspaceItem.tsx')
-rw-r--r-- | src/features/workspaces/components/WorkspaceItem.tsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/src/features/workspaces/components/WorkspaceItem.tsx b/src/features/workspaces/components/WorkspaceItem.tsx new file mode 100644 index 000000000..6fb02d2f5 --- /dev/null +++ b/src/features/workspaces/components/WorkspaceItem.tsx | |||
@@ -0,0 +1,45 @@ | |||
1 | import { Component } from 'react'; | ||
2 | import PropTypes from 'prop-types'; | ||
3 | import { observer } from 'mobx-react'; | ||
4 | import injectSheet from 'react-jss'; | ||
5 | |||
6 | import Workspace from '../models/Workspace'; | ||
7 | |||
8 | const styles = theme => ({ | ||
9 | row: { | ||
10 | height: theme.workspaces.settings.listItems.height, | ||
11 | borderBottom: `1px solid ${theme.workspaces.settings.listItems.borderColor}`, | ||
12 | '&:hover': { | ||
13 | background: theme.workspaces.settings.listItems.hoverBgColor, | ||
14 | }, | ||
15 | }, | ||
16 | columnName: {}, | ||
17 | }); | ||
18 | |||
19 | type Props = { | ||
20 | classes: any; | ||
21 | workspace: any; | ||
22 | onItemClick: (workspace) => void; | ||
23 | }; | ||
24 | |||
25 | @injectSheet(styles) | ||
26 | @observer | ||
27 | class WorkspaceItem extends Component<Props> { | ||
28 | static propTypes = { | ||
29 | classes: PropTypes.object.isRequired, | ||
30 | workspace: PropTypes.instanceOf(Workspace).isRequired, | ||
31 | onItemClick: PropTypes.func.isRequired, | ||
32 | }; | ||
33 | |||
34 | render() { | ||
35 | const { classes, workspace, onItemClick } = this.props; | ||
36 | |||
37 | return ( | ||
38 | <tr className={classes.row}> | ||
39 | <td onClick={() => onItemClick(workspace)}>{workspace.name}</td> | ||
40 | </tr> | ||
41 | ); | ||
42 | } | ||
43 | } | ||
44 | |||
45 | export default WorkspaceItem; | ||