diff options
author | 2021-10-14 23:32:05 +0200 | |
---|---|---|
committer | 2021-10-15 03:02:05 +0530 | |
commit | 137555821f172e4eadc7cf099d4270ae8fc1374e (patch) | |
tree | 693882bbf7a6b2a24b5a727091d09586d0371007 /src/features/workspaces/components/WorkspaceItem.js | |
parent | New translations en-US.json (Spanish) (#2072) (diff) | |
download | ferdium-app-137555821f172e4eadc7cf099d4270ae8fc1374e.tar.gz ferdium-app-137555821f172e4eadc7cf099d4270ae8fc1374e.tar.zst ferdium-app-137555821f172e4eadc7cf099d4270ae8fc1374e.zip |
chore: convert components to tsx (#2071)
Diffstat (limited to 'src/features/workspaces/components/WorkspaceItem.js')
-rw-r--r-- | src/features/workspaces/components/WorkspaceItem.js | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/src/features/workspaces/components/WorkspaceItem.js b/src/features/workspaces/components/WorkspaceItem.js deleted file mode 100644 index ff3f69dd9..000000000 --- a/src/features/workspaces/components/WorkspaceItem.js +++ /dev/null | |||
@@ -1,39 +0,0 @@ | |||
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 | @injectSheet(styles) | ||
20 | @observer | ||
21 | class WorkspaceItem extends Component { | ||
22 | static propTypes = { | ||
23 | classes: PropTypes.object.isRequired, | ||
24 | workspace: PropTypes.instanceOf(Workspace).isRequired, | ||
25 | onItemClick: PropTypes.func.isRequired, | ||
26 | }; | ||
27 | |||
28 | render() { | ||
29 | const { classes, workspace, onItemClick } = this.props; | ||
30 | |||
31 | return ( | ||
32 | <tr className={classes.row}> | ||
33 | <td onClick={() => onItemClick(workspace)}>{workspace.name}</td> | ||
34 | </tr> | ||
35 | ); | ||
36 | } | ||
37 | } | ||
38 | |||
39 | export default WorkspaceItem; | ||