aboutsummaryrefslogtreecommitdiffstats
path: root/src/components
diff options
context:
space:
mode:
authorLibravatar Dominik Guzei <dominik.guzei@gmail.com>2019-02-12 14:59:58 +0100
committerLibravatar Dominik Guzei <dominik.guzei@gmail.com>2019-02-12 15:02:23 +0100
commit90399cc608b93cc185b0ee1c9b79e98cfafb8bc1 (patch)
treee8678c71c9ebf10bb0c3ac62291b396c32e686c9 /src/components
parentsetup logic to display workspace edit page (diff)
downloadferdium-app-90399cc608b93cc185b0ee1c9b79e98cfafb8bc1.tar.gz
ferdium-app-90399cc608b93cc185b0ee1c9b79e98cfafb8bc1.tar.zst
ferdium-app-90399cc608b93cc185b0ee1c9b79e98cfafb8bc1.zip
consolidate workspace feature for further development
Diffstat (limited to 'src/components')
-rw-r--r--src/components/settings/workspaces/WorkspaceItem.js42
-rw-r--r--src/components/settings/workspaces/WorkspacesDashboard.js63
2 files changed, 0 insertions, 105 deletions
diff --git a/src/components/settings/workspaces/WorkspaceItem.js b/src/components/settings/workspaces/WorkspaceItem.js
deleted file mode 100644
index 088d61433..000000000
--- a/src/components/settings/workspaces/WorkspaceItem.js
+++ /dev/null
@@ -1,42 +0,0 @@
1import React, { Component } from 'react';
2import PropTypes from 'prop-types';
3import { intlShape } from 'react-intl';
4import { observer } from 'mobx-react';
5import classnames from 'classnames';
6import Workspace from '../../../models/Workspace';
7
8// const messages = defineMessages({});
9
10@observer
11class 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
42export default WorkspaceItem;
diff --git a/src/components/settings/workspaces/WorkspacesDashboard.js b/src/components/settings/workspaces/WorkspacesDashboard.js
deleted file mode 100644
index a5bb18cb7..000000000
--- a/src/components/settings/workspaces/WorkspacesDashboard.js
+++ /dev/null
@@ -1,63 +0,0 @@
1import React, { Component } from 'react';
2import PropTypes from 'prop-types';
3import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
4import { defineMessages, intlShape } from 'react-intl';
5
6import Loader from '../../ui/Loader';
7import WorkspaceItem from './WorkspaceItem';
8
9const messages = defineMessages({
10 headline: {
11 id: 'settings.workspaces.headline',
12 defaultMessage: '!!!Your workspaces',
13 },
14 noServicesAdded: {
15 id: 'settings.workspaces.noWorkspacesAdded',
16 defaultMessage: '!!!You haven\'t added any workspaces yet.',
17 },
18});
19
20@observer
21class WorkspacesDashboard extends Component {
22 static propTypes = {
23 workspaces: MobxPropTypes.arrayOrObservableArray.isRequired,
24 isLoading: PropTypes.bool.isRequired,
25 onWorkspaceClick: PropTypes.func.isRequired,
26 };
27
28 static contextTypes = {
29 intl: intlShape,
30 };
31
32 render() {
33 const { workspaces, isLoading, onWorkspaceClick } = this.props;
34 const { intl } = this.context;
35
36 return (
37 <div className="settings__main">
38 <div className="settings__header">
39 <h1>{intl.formatMessage(messages.headline)}</h1>
40 </div>
41 <div className="settings__body">
42 {isLoading ? (
43 <Loader />
44 ) : (
45 <table className="workspace-table">
46 <tbody>
47 {workspaces.map(workspace => (
48 <WorkspaceItem
49 key={workspace.id}
50 workspace={workspace}
51 onItemClick={w => onWorkspaceClick(w)}
52 />
53 ))}
54 </tbody>
55 </table>
56 )}
57 </div>
58 </div>
59 );
60 }
61}
62
63export default WorkspacesDashboard;