diff options
Diffstat (limited to 'src/features/workspaces/components')
8 files changed, 77 insertions, 53 deletions
diff --git a/src/features/workspaces/components/CreateWorkspaceForm.tsx b/src/features/workspaces/components/CreateWorkspaceForm.tsx index b72052fe2..0c365564a 100644 --- a/src/features/workspaces/components/CreateWorkspaceForm.tsx +++ b/src/features/workspaces/components/CreateWorkspaceForm.tsx | |||
@@ -1,11 +1,15 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | 1 | import { observer } from 'mobx-react'; |
3 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 2 | import { Component, type ReactElement } from 'react'; |
4 | import withStyles, { WithStylesProps } from 'react-jss'; | 3 | import { |
5 | import Input from '../../../components/ui/input/index'; | 4 | type WrappedComponentProps, |
5 | defineMessages, | ||
6 | injectIntl, | ||
7 | } from 'react-intl'; | ||
8 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
6 | import Button from '../../../components/ui/button'; | 9 | import Button from '../../../components/ui/button'; |
7 | import Form from '../../../lib/Form'; | 10 | import Input from '../../../components/ui/input/index'; |
8 | import { required } from '../../../helpers/validation-helpers'; | 11 | import { required } from '../../../helpers/validation-helpers'; |
12 | import Form from '../../../lib/Form'; | ||
9 | import { workspaceStore } from '../index'; | 13 | import { workspaceStore } from '../index'; |
10 | 14 | ||
11 | const messages = defineMessages({ | 15 | const messages = defineMessages({ |
diff --git a/src/features/workspaces/components/EditWorkspaceForm.tsx b/src/features/workspaces/components/EditWorkspaceForm.tsx index d902d29be..18e7c251e 100644 --- a/src/features/workspaces/components/EditWorkspaceForm.tsx +++ b/src/features/workspaces/components/EditWorkspaceForm.tsx | |||
@@ -1,21 +1,25 @@ | |||
1 | import { Component, ReactElement } from 'react'; | 1 | import { noop } from 'lodash'; |
2 | import { observer } from 'mobx-react'; | 2 | import { observer } from 'mobx-react'; |
3 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 3 | import { Component, type ReactElement } from 'react'; |
4 | import { | ||
5 | type WrappedComponentProps, | ||
6 | defineMessages, | ||
7 | injectIntl, | ||
8 | } from 'react-intl'; | ||
9 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
4 | import { Link } from 'react-router-dom'; | 10 | import { Link } from 'react-router-dom'; |
5 | import withStyles, { WithStylesProps } from 'react-jss'; | 11 | import Button from '../../../components/ui/button'; |
6 | import { noop } from 'lodash'; | 12 | import { H2 } from '../../../components/ui/headline'; |
7 | import Infobox from '../../../components/ui/infobox/index'; | 13 | import Infobox from '../../../components/ui/infobox/index'; |
8 | import Input from '../../../components/ui/input'; | 14 | import Input from '../../../components/ui/input'; |
9 | import Button from '../../../components/ui/button'; | 15 | import Toggle from '../../../components/ui/toggle'; |
10 | import Workspace from '../models/Workspace'; | 16 | import { KEEP_WS_LOADED_USID } from '../../../config'; |
11 | import Service from '../../../models/Service'; | ||
12 | import Form from '../../../lib/Form'; | ||
13 | import { required } from '../../../helpers/validation-helpers'; | 17 | import { required } from '../../../helpers/validation-helpers'; |
18 | import Form from '../../../lib/Form'; | ||
19 | import type Service from '../../../models/Service'; | ||
20 | import type Request from '../../../stores/lib/Request'; | ||
21 | import type Workspace from '../models/Workspace'; | ||
14 | import WorkspaceServiceListItem from './WorkspaceServiceListItem'; | 22 | import WorkspaceServiceListItem from './WorkspaceServiceListItem'; |
15 | import Request from '../../../stores/lib/Request'; | ||
16 | import { KEEP_WS_LOADED_USID } from '../../../config'; | ||
17 | import Toggle from '../../../components/ui/toggle'; | ||
18 | import { H2 } from '../../../components/ui/headline'; | ||
19 | 23 | ||
20 | const messages = defineMessages({ | 24 | const messages = defineMessages({ |
21 | buttonDelete: { | 25 | buttonDelete: { |
diff --git a/src/features/workspaces/components/WorkspaceDrawer.tsx b/src/features/workspaces/components/WorkspaceDrawer.tsx index 3e05cb7de..2826b741a 100644 --- a/src/features/workspaces/components/WorkspaceDrawer.tsx +++ b/src/features/workspaces/components/WorkspaceDrawer.tsx | |||
@@ -1,17 +1,21 @@ | |||
1 | import { Component, ReactElement } from 'react'; | 1 | import { mdiCog, mdiPlusBox } from '@mdi/js'; |
2 | import { noop } from 'lodash'; | ||
2 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
3 | import withStyles, { WithStylesProps } from 'react-jss'; | 4 | import { Component, type ReactElement } from 'react'; |
4 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 5 | import { |
6 | type WrappedComponentProps, | ||
7 | defineMessages, | ||
8 | injectIntl, | ||
9 | } from 'react-intl'; | ||
10 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
5 | import { Tooltip as ReactTooltip } from 'react-tooltip'; | 11 | import { Tooltip as ReactTooltip } from 'react-tooltip'; |
6 | import { mdiPlusBox, mdiCog } from '@mdi/js'; | ||
7 | import { noop } from 'lodash'; | ||
8 | import { H1 } from '../../../components/ui/headline'; | 12 | import { H1 } from '../../../components/ui/headline'; |
9 | import Icon from '../../../components/ui/icon'; | 13 | import Icon from '../../../components/ui/icon'; |
10 | import WorkspaceDrawerItem from './WorkspaceDrawerItem'; | ||
11 | import workspaceActions from '../actions'; | 14 | import workspaceActions from '../actions'; |
12 | import { workspaceStore } from '../index'; | ||
13 | import { getUserWorkspacesRequest } from '../api'; | 15 | import { getUserWorkspacesRequest } from '../api'; |
14 | import Workspace from '../models/Workspace'; | 16 | import { workspaceStore } from '../index'; |
17 | import type Workspace from '../models/Workspace'; | ||
18 | import WorkspaceDrawerItem from './WorkspaceDrawerItem'; | ||
15 | 19 | ||
16 | const messages = defineMessages({ | 20 | const messages = defineMessages({ |
17 | headline: { | 21 | headline: { |
diff --git a/src/features/workspaces/components/WorkspaceDrawerItem.tsx b/src/features/workspaces/components/WorkspaceDrawerItem.tsx index 85ed4c38c..1e4b57dba 100644 --- a/src/features/workspaces/components/WorkspaceDrawerItem.tsx +++ b/src/features/workspaces/components/WorkspaceDrawerItem.tsx | |||
@@ -1,11 +1,15 @@ | |||
1 | import { Component, MouseEventHandler, ReactElement } from 'react'; | 1 | import { Menu } from '@electron/remote'; |
2 | import { observer } from 'mobx-react'; | ||
3 | import withStyles, { WithStylesProps } from 'react-jss'; | ||
4 | import classnames from 'classnames'; | 2 | import classnames from 'classnames'; |
5 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 3 | import type { MenuItemConstructorOptions } from 'electron'; |
6 | import { noop } from 'lodash'; | 4 | import { noop } from 'lodash'; |
7 | import { Menu } from '@electron/remote'; | 5 | import { observer } from 'mobx-react'; |
8 | import { MenuItemConstructorOptions } from 'electron'; | 6 | import { Component, type MouseEventHandler, type ReactElement } from 'react'; |
7 | import { | ||
8 | type WrappedComponentProps, | ||
9 | defineMessages, | ||
10 | injectIntl, | ||
11 | } from 'react-intl'; | ||
12 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
9 | import { altKey, cmdOrCtrlShortcutKey } from '../../../environment'; | 13 | import { altKey, cmdOrCtrlShortcutKey } from '../../../environment'; |
10 | import { acceleratorString } from '../../../jsUtils'; | 14 | import { acceleratorString } from '../../../jsUtils'; |
11 | 15 | ||
diff --git a/src/features/workspaces/components/WorkspaceItem.tsx b/src/features/workspaces/components/WorkspaceItem.tsx index 36c6ed2f5..f24e6a85d 100644 --- a/src/features/workspaces/components/WorkspaceItem.tsx +++ b/src/features/workspaces/components/WorkspaceItem.tsx | |||
@@ -1,8 +1,8 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | ||
3 | import withStyles, { WithStylesProps } from 'react-jss'; | ||
4 | import { noop } from 'lodash'; | 1 | import { noop } from 'lodash'; |
5 | import Workspace from '../models/Workspace'; | 2 | import { observer } from 'mobx-react'; |
3 | import { Component, type ReactElement } from 'react'; | ||
4 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
5 | import type Workspace from '../models/Workspace'; | ||
6 | 6 | ||
7 | const styles = theme => ({ | 7 | const styles = theme => ({ |
8 | row: { | 8 | row: { |
diff --git a/src/features/workspaces/components/WorkspaceServiceListItem.tsx b/src/features/workspaces/components/WorkspaceServiceListItem.tsx index 9034be37c..6f61f8a51 100644 --- a/src/features/workspaces/components/WorkspaceServiceListItem.tsx +++ b/src/features/workspaces/components/WorkspaceServiceListItem.tsx | |||
@@ -1,11 +1,11 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | ||
3 | import withStyles, { WithStylesProps } from 'react-jss'; | ||
4 | import classnames from 'classnames'; | 1 | import classnames from 'classnames'; |
5 | import { noop } from 'lodash'; | 2 | import { noop } from 'lodash'; |
6 | import Toggle from '../../../components/ui/toggle'; | 3 | import { observer } from 'mobx-react'; |
4 | import { Component, type ReactElement } from 'react'; | ||
5 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
7 | import ServiceIcon from '../../../components/ui/ServiceIcon'; | 6 | import ServiceIcon from '../../../components/ui/ServiceIcon'; |
8 | import Service from '../../../models/Service'; | 7 | import Toggle from '../../../components/ui/toggle'; |
8 | import type Service from '../../../models/Service'; | ||
9 | 9 | ||
10 | const styles = theme => ({ | 10 | const styles = theme => ({ |
11 | listItem: { | 11 | listItem: { |
diff --git a/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx b/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx index 19dd9037d..7fddd8553 100644 --- a/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx +++ b/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx | |||
@@ -1,11 +1,15 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | ||
3 | import withStyles, { WithStylesProps } from 'react-jss'; | ||
4 | import classnames from 'classnames'; | 1 | import classnames from 'classnames'; |
5 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 2 | import { observer } from 'mobx-react'; |
3 | import { Component, type ReactElement } from 'react'; | ||
4 | import { | ||
5 | type WrappedComponentProps, | ||
6 | defineMessages, | ||
7 | injectIntl, | ||
8 | } from 'react-intl'; | ||
9 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
6 | import Loader from '../../../components/ui/loader'; | 10 | import Loader from '../../../components/ui/loader'; |
7 | import { workspaceStore } from '../index'; | ||
8 | import { DEFAULT_LOADER_COLOR } from '../../../config'; | 11 | import { DEFAULT_LOADER_COLOR } from '../../../config'; |
12 | import { workspaceStore } from '../index'; | ||
9 | 13 | ||
10 | const messages = defineMessages({ | 14 | const messages = defineMessages({ |
11 | switchingTo: { | 15 | switchingTo: { |
diff --git a/src/features/workspaces/components/WorkspacesDashboard.tsx b/src/features/workspaces/components/WorkspacesDashboard.tsx index 0a417bffd..8fb2cf923 100644 --- a/src/features/workspaces/components/WorkspacesDashboard.tsx +++ b/src/features/workspaces/components/WorkspacesDashboard.tsx | |||
@@ -1,15 +1,19 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | 1 | import { observer } from 'mobx-react'; |
3 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 2 | import { Component, type ReactElement } from 'react'; |
4 | import withStyles, { WithStylesProps } from 'react-jss'; | 3 | import { |
4 | type WrappedComponentProps, | ||
5 | defineMessages, | ||
6 | injectIntl, | ||
7 | } from 'react-intl'; | ||
8 | import withStyles, { type WithStylesProps } from 'react-jss'; | ||
9 | import Appear from '../../../components/ui/effects/Appear'; | ||
10 | import { H1 } from '../../../components/ui/headline'; | ||
5 | import Infobox from '../../../components/ui/infobox/index'; | 11 | import Infobox from '../../../components/ui/infobox/index'; |
6 | import Loader from '../../../components/ui/loader'; | 12 | import Loader from '../../../components/ui/loader'; |
7 | import WorkspaceItem from './WorkspaceItem'; | 13 | import type Request from '../../../stores/lib/Request'; |
14 | import type Workspace from '../models/Workspace'; | ||
8 | import CreateWorkspaceForm from './CreateWorkspaceForm'; | 15 | import CreateWorkspaceForm from './CreateWorkspaceForm'; |
9 | import Request from '../../../stores/lib/Request'; | 16 | import WorkspaceItem from './WorkspaceItem'; |
10 | import Appear from '../../../components/ui/effects/Appear'; | ||
11 | import { H1 } from '../../../components/ui/headline'; | ||
12 | import Workspace from '../models/Workspace'; | ||
13 | 17 | ||
14 | const messages = defineMessages({ | 18 | const messages = defineMessages({ |
15 | headline: { | 19 | headline: { |