diff options
author | Dominik Guzei <dominik.guzei@gmail.com> | 2019-02-12 14:59:58 +0100 |
---|---|---|
committer | Dominik Guzei <dominik.guzei@gmail.com> | 2019-02-12 15:02:23 +0100 |
commit | 90399cc608b93cc185b0ee1c9b79e98cfafb8bc1 (patch) | |
tree | e8678c71c9ebf10bb0c3ac62291b396c32e686c9 /src/features/workspaces/components/WorkspaceItem.js | |
parent | setup logic to display workspace edit page (diff) | |
download | ferdium-app-90399cc608b93cc185b0ee1c9b79e98cfafb8bc1.tar.gz ferdium-app-90399cc608b93cc185b0ee1c9b79e98cfafb8bc1.tar.zst ferdium-app-90399cc608b93cc185b0ee1c9b79e98cfafb8bc1.zip |
consolidate workspace feature for further development
Diffstat (limited to 'src/features/workspaces/components/WorkspaceItem.js')
-rw-r--r-- | src/features/workspaces/components/WorkspaceItem.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/features/workspaces/components/WorkspaceItem.js b/src/features/workspaces/components/WorkspaceItem.js new file mode 100644 index 000000000..b2c2a4830 --- /dev/null +++ b/src/features/workspaces/components/WorkspaceItem.js | |||
@@ -0,0 +1,42 @@ | |||
1 | import React, { Component } from 'react'; | ||
2 | import PropTypes from 'prop-types'; | ||
3 | import { intlShape } from 'react-intl'; | ||
4 | import { observer } from 'mobx-react'; | ||
5 | import classnames from 'classnames'; | ||
6 | import Workspace from '../models/Workspace'; | ||
7 | |||
8 | // const messages = defineMessages({}); | ||
9 | |||
10 | @observer | ||
11 | class WorkspaceItem extends Component { | ||
12 | static propTypes = { | ||
13 | workspace: PropTypes.instanceOf(Workspace).isRequired, | ||
14 | onItemClick: PropTypes.func.isRequired, | ||
15 | }; | ||
16 | |||
17 | static contextTypes = { | ||
18 | intl: intlShape, | ||
19 | }; | ||
20 | |||
21 | render() { | ||
22 | const { workspace, onItemClick } = this.props; | ||
23 | // const { intl } = this.context; | ||
24 | |||
25 | return ( | ||
26 | <tr | ||
27 | className={classnames({ | ||
28 | 'workspace-table__row': true, | ||
29 | })} | ||
30 | > | ||
31 | <td | ||
32 | className="workspace-table__column-name" | ||
33 | onClick={() => onItemClick(workspace)} | ||
34 | > | ||
35 | {workspace.name} | ||
36 | </td> | ||
37 | </tr> | ||
38 | ); | ||
39 | } | ||
40 | } | ||
41 | |||
42 | export default WorkspaceItem; | ||