diff options
Diffstat (limited to 'src/components/services/tabs/TabBarSortableList.js')
-rw-r--r-- | src/components/services/tabs/TabBarSortableList.js | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/src/components/services/tabs/TabBarSortableList.js b/src/components/services/tabs/TabBarSortableList.js deleted file mode 100644 index e01461e5c..000000000 --- a/src/components/services/tabs/TabBarSortableList.js +++ /dev/null | |||
@@ -1,77 +0,0 @@ | |||
1 | import { Component } from 'react'; | ||
2 | import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; | ||
3 | import PropTypes from 'prop-types'; | ||
4 | import { SortableContainer } from 'react-sortable-hoc'; | ||
5 | |||
6 | import TabItem from './TabItem'; | ||
7 | |||
8 | class TabBarSortableList extends Component { | ||
9 | static propTypes = { | ||
10 | services: MobxPropTypes.arrayOrObservableArray.isRequired, | ||
11 | setActive: PropTypes.func.isRequired, | ||
12 | openSettings: PropTypes.func.isRequired, | ||
13 | reload: PropTypes.func.isRequired, | ||
14 | toggleNotifications: PropTypes.func.isRequired, | ||
15 | toggleAudio: PropTypes.func.isRequired, | ||
16 | toggleDarkMode: PropTypes.func.isRequired, | ||
17 | deleteService: PropTypes.func.isRequired, | ||
18 | disableService: PropTypes.func.isRequired, | ||
19 | enableService: PropTypes.func.isRequired, | ||
20 | hibernateService: PropTypes.func.isRequired, | ||
21 | wakeUpService: PropTypes.func.isRequired, | ||
22 | showMessageBadgeWhenMutedSetting: PropTypes.bool.isRequired, | ||
23 | showServiceNameSetting: PropTypes.bool.isRequired, | ||
24 | showMessageBadgesEvenWhenMuted: PropTypes.bool.isRequired, | ||
25 | }; | ||
26 | |||
27 | render() { | ||
28 | const { | ||
29 | services, | ||
30 | setActive, | ||
31 | reload, | ||
32 | toggleNotifications, | ||
33 | toggleAudio, | ||
34 | toggleDarkMode, | ||
35 | deleteService, | ||
36 | disableService, | ||
37 | enableService, | ||
38 | hibernateService, | ||
39 | wakeUpService, | ||
40 | openSettings, | ||
41 | showMessageBadgeWhenMutedSetting, | ||
42 | showServiceNameSetting, | ||
43 | showMessageBadgesEvenWhenMuted, | ||
44 | } = this.props; | ||
45 | |||
46 | return ( | ||
47 | <ul className="tabs"> | ||
48 | {services.map((service, index) => ( | ||
49 | <TabItem | ||
50 | key={service.id} | ||
51 | clickHandler={() => setActive({ serviceId: service.id })} | ||
52 | service={service} | ||
53 | index={index} | ||
54 | shortcutIndex={index + 1} | ||
55 | reload={() => reload({ serviceId: service.id })} | ||
56 | toggleNotifications={() => | ||
57 | toggleNotifications({ serviceId: service.id }) | ||
58 | } | ||
59 | toggleAudio={() => toggleAudio({ serviceId: service.id })} | ||
60 | toggleDarkMode={() => toggleDarkMode({ serviceId: service.id })} | ||
61 | deleteService={() => deleteService({ serviceId: service.id })} | ||
62 | disableService={() => disableService({ serviceId: service.id })} | ||
63 | enableService={() => enableService({ serviceId: service.id })} | ||
64 | hibernateService={() => hibernateService({ serviceId: service.id })} | ||
65 | wakeUpService={() => wakeUpService({ serviceId: service.id })} | ||
66 | openSettings={openSettings} | ||
67 | showMessageBadgeWhenMutedSetting={showMessageBadgeWhenMutedSetting} | ||
68 | showMessageBadgesEvenWhenMuted={showMessageBadgesEvenWhenMuted} | ||
69 | showServiceNameSetting={showServiceNameSetting} | ||
70 | /> | ||
71 | ))} | ||
72 | </ul> | ||
73 | ); | ||
74 | } | ||
75 | } | ||
76 | |||
77 | export default SortableContainer(observer(TabBarSortableList)); | ||