diff options
Diffstat (limited to 'src/components/settings/services')
4 files changed, 49 insertions, 33 deletions
diff --git a/src/components/settings/services/EditServiceForm.tsx b/src/components/settings/services/EditServiceForm.tsx index 520cb3c46..69893c16c 100644 --- a/src/components/settings/services/EditServiceForm.tsx +++ b/src/components/settings/services/EditServiceForm.tsx | |||
@@ -1,25 +1,29 @@ | |||
1 | import { Component, FormEvent, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | ||
3 | import { Link } from 'react-router-dom'; | ||
4 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | ||
5 | import { mdiInformation } from '@mdi/js'; | 1 | import { mdiInformation } from '@mdi/js'; |
6 | import { noop } from 'lodash'; | 2 | import { noop } from 'lodash'; |
7 | import Form from '../../../lib/Form'; | 3 | import { observer } from 'mobx-react'; |
8 | import Tabs from '../../ui/Tabs/Tabs'; | 4 | import { Component, type FormEvent, type ReactElement } from 'react'; |
9 | import TabItem from '../../ui/Tabs/TabItem'; | 5 | import { |
10 | import Input from '../../ui/input/index'; | 6 | type WrappedComponentProps, |
11 | import Toggle from '../../ui/toggle'; | 7 | defineMessages, |
12 | import Slider from '../../ui/Slider'; | 8 | injectIntl, |
13 | import Button from '../../ui/button'; | 9 | } from 'react-intl'; |
14 | import ImageUpload from '../../ui/imageUpload'; | 10 | import { Link } from 'react-router-dom'; |
15 | import Select from '../../ui/Select'; | ||
16 | import { isMac } from '../../../environment'; | 11 | import { isMac } from '../../../environment'; |
12 | import { normalizedUrl } from '../../../helpers/url-helpers'; | ||
17 | import globalMessages from '../../../i18n/globalMessages'; | 13 | import globalMessages from '../../../i18n/globalMessages'; |
18 | import Icon from '../../ui/icon'; | 14 | import type Form from '../../../lib/Form'; |
15 | import type { IRecipe } from '../../../models/Recipe'; | ||
16 | import type Service from '../../../models/Service'; | ||
17 | import Select from '../../ui/Select'; | ||
18 | import Slider from '../../ui/Slider'; | ||
19 | import TabItem from '../../ui/Tabs/TabItem'; | ||
20 | import Tabs from '../../ui/Tabs/Tabs'; | ||
21 | import Button from '../../ui/button'; | ||
19 | import { H3 } from '../../ui/headline'; | 22 | import { H3 } from '../../ui/headline'; |
20 | import { IRecipe } from '../../../models/Recipe'; | 23 | import Icon from '../../ui/icon'; |
21 | import Service from '../../../models/Service'; | 24 | import ImageUpload from '../../ui/imageUpload'; |
22 | import { normalizedUrl } from '../../../helpers/url-helpers'; | 25 | import Input from '../../ui/input/index'; |
26 | import Toggle from '../../ui/toggle'; | ||
23 | 27 | ||
24 | const messages = defineMessages({ | 28 | const messages = defineMessages({ |
25 | saveService: { | 29 | saveService: { |
diff --git a/src/components/settings/services/ServiceError.tsx b/src/components/settings/services/ServiceError.tsx index 87efdeb96..426565547 100644 --- a/src/components/settings/services/ServiceError.tsx +++ b/src/components/settings/services/ServiceError.tsx | |||
@@ -1,7 +1,11 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { observer } from 'mobx-react'; | 1 | import { observer } from 'mobx-react'; |
2 | import { Component, type ReactElement } from 'react'; | ||
3 | import { | ||
4 | type WrappedComponentProps, | ||
5 | defineMessages, | ||
6 | injectIntl, | ||
7 | } from 'react-intl'; | ||
3 | import { Link } from 'react-router-dom'; | 8 | import { Link } from 'react-router-dom'; |
4 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | ||
5 | import Infobox from '../../ui/Infobox'; | 9 | import Infobox from '../../ui/Infobox'; |
6 | import Button from '../../ui/button'; | 10 | import Button from '../../ui/button'; |
7 | 11 | ||
diff --git a/src/components/settings/services/ServiceItem.tsx b/src/components/settings/services/ServiceItem.tsx index 35b63b160..7df59f1d2 100644 --- a/src/components/settings/services/ServiceItem.tsx +++ b/src/components/settings/services/ServiceItem.tsx | |||
@@ -1,10 +1,14 @@ | |||
1 | import { Component, ReactElement } from 'react'; | ||
2 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | ||
3 | import { Tooltip as ReactTooltip } from 'react-tooltip'; | ||
4 | import { observer } from 'mobx-react'; | ||
5 | import classnames from 'classnames'; | ||
6 | import { mdiBellOff, mdiMessageBulletedOff, mdiPower } from '@mdi/js'; | 1 | import { mdiBellOff, mdiMessageBulletedOff, mdiPower } from '@mdi/js'; |
7 | import ServiceModel from '../../../models/Service'; | 2 | import classnames from 'classnames'; |
3 | import { observer } from 'mobx-react'; | ||
4 | import { Component, type ReactElement } from 'react'; | ||
5 | import { | ||
6 | type WrappedComponentProps, | ||
7 | defineMessages, | ||
8 | injectIntl, | ||
9 | } from 'react-intl'; | ||
10 | import { Tooltip as ReactTooltip } from 'react-tooltip'; | ||
11 | import type ServiceModel from '../../../models/Service'; | ||
8 | import Icon from '../../ui/icon'; | 12 | import Icon from '../../ui/icon'; |
9 | 13 | ||
10 | const messages = defineMessages({ | 14 | const messages = defineMessages({ |
diff --git a/src/components/settings/services/ServicesDashboard.tsx b/src/components/settings/services/ServicesDashboard.tsx index b8c3ce3f0..e63898ae5 100644 --- a/src/components/settings/services/ServicesDashboard.tsx +++ b/src/components/settings/services/ServicesDashboard.tsx | |||
@@ -1,16 +1,20 @@ | |||
1 | import { Component, ReactElement } from 'react'; | 1 | import type { To } from 'history'; |
2 | import { observer } from 'mobx-react'; | 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'; | ||
3 | import { Link } from 'react-router-dom'; | 9 | import { Link } from 'react-router-dom'; |
4 | import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl'; | 10 | import type Service from '../../../models/Service'; |
5 | import { To } from 'history'; | ||
6 | import SearchInput from '../../ui/SearchInput'; | ||
7 | import Infobox from '../../ui/Infobox'; | ||
8 | import Loader from '../../ui/loader'; | ||
9 | import FAB from '../../ui/FAB'; | 11 | import FAB from '../../ui/FAB'; |
10 | import ServiceItem from './ServiceItem'; | 12 | import Infobox from '../../ui/Infobox'; |
13 | import SearchInput from '../../ui/SearchInput'; | ||
11 | import Appear from '../../ui/effects/Appear'; | 14 | import Appear from '../../ui/effects/Appear'; |
12 | import { H1 } from '../../ui/headline'; | 15 | import { H1 } from '../../ui/headline'; |
13 | import Service from '../../../models/Service'; | 16 | import Loader from '../../ui/loader'; |
17 | import ServiceItem from './ServiceItem'; | ||
14 | 18 | ||
15 | const messages = defineMessages({ | 19 | const messages = defineMessages({ |
16 | headline: { | 20 | headline: { |