aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/services/tabs/TabBarSortableList.js
diff options
context:
space:
mode:
authorLibravatar Balaji Vijayakumar <kuttibalaji.v6@gmail.com>2022-10-26 09:47:11 +0530
committerLibravatar Vijay Aravamudhan <vraravam@users.noreply.github.com>2022-10-26 10:15:16 +0530
commit354ffea92be3a1030c730b6bb8ece7f680e01b12 (patch)
tree6425e972752c9b250e861b16da1a3120bc6db13c /src/components/services/tabs/TabBarSortableList.js
parent6.2.1-nightly.29 [skip ci] (diff)
downloadferdium-app-354ffea92be3a1030c730b6bb8ece7f680e01b12.tar.gz
ferdium-app-354ffea92be3a1030c730b6bb8ece7f680e01b12.tar.zst
ferdium-app-354ffea92be3a1030c730b6bb8ece7f680e01b12.zip
refactor: convert TabBar to typescript
Diffstat (limited to 'src/components/services/tabs/TabBarSortableList.js')
-rw-r--r--src/components/services/tabs/TabBarSortableList.js77
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 @@
1import { Component } from 'react';
2import { observer, PropTypes as MobxPropTypes } from 'mobx-react';
3import PropTypes from 'prop-types';
4import { SortableContainer } from 'react-sortable-hoc';
5
6import TabItem from './TabItem';
7
8class 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
77export default SortableContainer(observer(TabBarSortableList));