@plusscommunities/pluss-maintenance-app 1.1.12 → 1.2.0

package/dist/module/actions/JobActions.js

@@ -0,0 +1,14 @@
+import { JOBS_LOADED, JOB_ADDED } from './types';
+export const jobsLoaded = jobs => {
+  return {
+    type: JOBS_LOADED,
+    payload: jobs
+  };
+};
+export const jobAdded = job => {
+  return {
+    type: JOB_ADDED,
+    payload: job
+  };
+};
+//# sourceMappingURL=JobActions.js.map

package/dist/module/actions/JobActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["JobActions.js"],"names":["JOBS_LOADED","JOB_ADDED","jobsLoaded","jobs","type","payload","jobAdded","job"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,QAAuC,SAAvC;AAEA,OAAO,MAAMC,UAAU,GAAGC,IAAI,IAAI;AAChC,SAAO;AACLC,IAAAA,IAAI,EAAEJ,WADD;AAELK,IAAAA,OAAO,EAAEF;AAFJ,GAAP;AAID,CALM;AAOP,OAAO,MAAMG,QAAQ,GAAGC,GAAG,IAAI;AAC7B,SAAO;AACLH,IAAAA,IAAI,EAAEH,SADD;AAELI,IAAAA,OAAO,EAAEE;AAFJ,GAAP;AAID,CALM","sourcesContent":["import { JOBS_LOADED, JOB_ADDED } from './types';\n\nexport const jobsLoaded = jobs => {\n  return {\n    type: JOBS_LOADED,\n    payload: jobs,\n  };\n};\n\nexport const jobAdded = job => {\n  return {\n    type: JOB_ADDED,\n    payload: job,\n  };\n};\n"]}

package/dist/module/actions/index.js

@@ -0,0 +1,2 @@
+export * from './JobActions';
+//# sourceMappingURL=index.js.map

package/dist/module/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './JobActions';\n"]}

package/dist/module/actions/types.js

@@ -0,0 +1,3 @@
+export const JOBS_LOADED = 'JOBS_LOADED';
+export const JOB_ADDED = 'JOB_ADDED';
+//# sourceMappingURL=types.js.map

package/dist/module/actions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types.js"],"names":["JOBS_LOADED","JOB_ADDED"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,aAApB;AACP,OAAO,MAAMC,SAAS,GAAG,WAAlB","sourcesContent":["export const JOBS_LOADED = 'JOBS_LOADED';\nexport const JOB_ADDED = 'JOB_ADDED';\n"]}

package/dist/module/apis/generalActions.js

@@ -0,0 +1,145 @@
+// import axios from 'axios';
+// import { getUrl } from './helper';
+// import { authedFunction } from '../js';
+import { Helper, Session } from '../core.config';
+export const generalActions = {
+  getJob: (site, jobId) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'getJob'),
+      data: {
+        site,
+        jobId
+      }
+    });
+  },
+  getJobs: site => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'getJobs'),
+      data: {
+        site
+      }
+    });
+  },
+  sendMaintenanceRequest: (userID, userName, phone, room, title, description, date, type, images, location, isHome, homeText) => {
+    const request = {
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'sendMaintenance'),
+      data: {
+        userID,
+        userName,
+        phone,
+        room,
+        title,
+        description,
+        date,
+        type,
+        images,
+        location,
+        isHome,
+        homeText
+      }
+    };
+    return Session.authedFunction(request);
+  },
+  editJob: (job, site) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'editJob'),
+      data: {
+        job,
+        site
+      }
+    });
+  },
+  editJobStatus: (id, status) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'editJobStatus'),
+      data: {
+        id,
+        status
+      }
+    });
+  },
+  addNote: (jobId, note, attachments) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'requests/note'),
+      data: {
+        id: jobId,
+        note,
+        attachments,
+        action: 'AddNote'
+      }
+    });
+  },
+  editNote: (jobId, noteId, note, attachments) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'requests/note'),
+      data: {
+        id: jobId,
+        note,
+        attachments,
+        noteId,
+        action: 'EditNote'
+      }
+    });
+  },
+  deleteNote: (jobId, noteId) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('maintenance', 'requests/note'),
+      data: {
+        id: jobId,
+        noteId,
+        action: 'DeleteNote'
+      }
+    });
+  },
+  // getWeeklyMenu: async time => {
+  //   //deprecated
+  //   return null;
+  // },
+  getJobTypes: async site => {
+    const url = Helper.getUrl('maintenance', 'getjobtypes');
+    return Session.authedFunction({
+      method: 'POST',
+      url,
+      data: {
+        site
+      }
+    });
+  } // sendBookingRequest: async bookingInfo => {
+  //   return authedFunction({
+  //     method: 'POST',
+  //     data: {
+  //       bookingInfo,
+  //     },
+  //     url: getUrl('utility', 'sendBookingRequest'),
+  //   });
+  // },
+  // getString: async (site, id, useDefault) => {
+  //   return axios({
+  //     method: 'GET',
+  //     url: getUrl('strings', `get/${site}_${id}`, useDefault ? { useDefault } : undefined),
+  //   }).catch(error => {
+  //     console.log('getString error', error);
+  //     throw error;
+  //   });
+  // },
+  // getGeneralTerms: async () => {
+  //   return axios({
+  //     method: 'GET',
+  //     url: 'https://pluss.plussapp.com.au/strings-prd/get/plussSpace_termsofuse',
+  //   });
+  // },
+  // declineTerms: async (site, userID) => {
+  //   //deprecated
+  //   return null;
+  // },
+
+};
+//# sourceMappingURL=generalActions.js.map

package/dist/module/apis/generalActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["generalActions.js"],"names":["Helper","Session","generalActions","getJob","site","jobId","authedFunction","method","url","getUrl","data","getJobs","sendMaintenanceRequest","userID","userName","phone","room","title","description","date","type","images","location","isHome","homeText","request","editJob","job","editJobStatus","id","status","addNote","note","attachments","action","editNote","noteId","deleteNote","getJobTypes"],"mappings":"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","sourcesContent":["// import axios from 'axios';\n// import { getUrl } from './helper';\n// import { authedFunction } from '../js';\nimport { Helper, Session } from '../core.config';\n\nexport const generalActions = {\n  getJob: (site, jobId) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'getJob'),\n      data: { site, jobId },\n    });\n  },\n  getJobs: site => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'getJobs'),\n      data: { site },\n    });\n  },\n  sendMaintenanceRequest: (userID, userName, phone, room, title, description, date, type, images, location, isHome, homeText) => {\n    const request = {\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'sendMaintenance'),\n      data: {\n        userID,\n        userName,\n        phone,\n        room,\n        title,\n        description,\n        date,\n        type,\n        images,\n        location,\n        isHome,\n        homeText,\n      },\n    };\n    return Session.authedFunction(request);\n  },\n  editJob: (job, site) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'editJob'),\n      data: { job, site },\n    });\n  },\n  editJobStatus: (id, status) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'editJobStatus'),\n      data: { id, status },\n    });\n  },\n  addNote: (jobId, note, attachments) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'requests/note'),\n      data: {\n        id: jobId,\n        note,\n        attachments,\n        action: 'AddNote',\n      },\n    });\n  },\n  editNote: (jobId, noteId, note, attachments) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'requests/note'),\n      data: {\n        id: jobId,\n        note,\n        attachments,\n        noteId,\n        action: 'EditNote',\n      },\n    });\n  },\n  deleteNote: (jobId, noteId) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('maintenance', 'requests/note'),\n      data: {\n        id: jobId,\n        noteId,\n        action: 'DeleteNote',\n      },\n    });\n  },\n  // getWeeklyMenu: async time => {\n  //   //deprecated\n  //   return null;\n  // },\n  getJobTypes: async site => {\n    const url = Helper.getUrl('maintenance', 'getjobtypes');\n    return Session.authedFunction({\n      method: 'POST',\n      url,\n      data: { site },\n    });\n  },\n  // sendBookingRequest: async bookingInfo => {\n  //   return authedFunction({\n  //     method: 'POST',\n  //     data: {\n  //       bookingInfo,\n  //     },\n  //     url: getUrl('utility', 'sendBookingRequest'),\n  //   });\n  // },\n  // getString: async (site, id, useDefault) => {\n  //   return axios({\n  //     method: 'GET',\n  //     url: getUrl('strings', `get/${site}_${id}`, useDefault ? { useDefault } : undefined),\n  //   }).catch(error => {\n  //     console.log('getString error', error);\n  //     throw error;\n  //   });\n  // },\n  // getGeneralTerms: async () => {\n  //   return axios({\n  //     method: 'GET',\n  //     url: 'https://pluss.plussapp.com.au/strings-prd/get/plussSpace_termsofuse',\n  //   });\n  // },\n  // declineTerms: async (site, userID) => {\n  //   //deprecated\n  //   return null;\n  // },\n};\n"]}

package/dist/module/apis/index.js

@@ -0,0 +1,2 @@
+export * from './generalActions';
+//# sourceMappingURL=index.js.map

package/dist/module/apis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"names":[],"mappings":"AAAA,cAAc,kBAAd","sourcesContent":["export * from './generalActions';\n"]}

package/dist/module/components/MaintenanceList.js

@@ -0,0 +1,240 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';
+import { Icon } from 'react-native-elements';
+import _ from 'lodash';
+import { connect } from 'react-redux';
+import { generalActions } from '../apis';
+import { jobsLoaded } from '../actions';
+import MaintenanceListItem from '../components/MaintenanceListItem';
+import StatusSelectorPopup from './StatusSelectorPopup';
+import { Components, Colours, Config } from '../core.config';
+const SHOW_ALL_STATUS = 'Show All';
+
+class MaintenanceList extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "refresh", () => {
+      this.onLoadingChanged(true, async () => {
+        try {
+          const res = await generalActions.getJobs(this.props.site);
+          this.props.jobsLoaded(res.data);
+        } catch (error) {
+          console.log('refresh error', error);
+        } finally {
+          this.onLoadingChanged(false);
+        }
+      });
+    });
+
+    _defineProperty(this, "onLoadingChanged", (loading, callback) => {
+      this.setState({
+        loading
+      }, () => {
+        if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);
+        if (callback) callback();
+      });
+    });
+
+    _defineProperty(this, "onPressFilter", () => {
+      this.setState({
+        showStatusPopup: true
+      });
+    });
+
+    _defineProperty(this, "onCloseFilter", () => {
+      this.setState({
+        showStatusPopup: false
+      });
+    });
+
+    _defineProperty(this, "onSelectStatus", selectedStatus => {
+      this.setState({
+        showStatusPopup: false,
+        selectedStatus
+      });
+    });
+
+    this.state = {
+      loading: false,
+      selectedStatus: SHOW_ALL_STATUS,
+      showStatusPopup: false
+    };
+  }
+
+  componentDidMount() {
+    this.refresh();
+  }
+
+  componentDidUpdate(prevProps) {
+    if (!_.isEqual(prevProps.statuses, this.props.statuses) && !this.props.statuses.includes(this.state.selectedStatus)) {
+      // Reset selected status if not exists
+      this.setState({
+        selectedStatus: SHOW_ALL_STATUS
+      });
+    }
+
+    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();
+  }
+
+  getEmptyStateText() {
+    if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {
+      return this.props.options.EmptyText;
+    }
+
+    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;
+  }
+
+  renderEmptyList() {
+    return this.state.loading ? null : /*#__PURE__*/React.createElement(Components.EmptyStateMain, {
+      title: this.getEmptyStateText(),
+      style: {
+        marginHorizontal: 16
+      }
+    });
+  }
+
+  renderFilter() {
+    var _this$props$statuses;
+
+    if (((_this$props$statuses = this.props.statuses) === null || _this$props$statuses === void 0 ? void 0 : _this$props$statuses.length) <= 1) return;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.filterContainerOuter
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.filterTitle
+    }, "FILTER"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onPressFilter
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.filterContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.filterText, {
+        color: this.props.colourBrandingMain
+      }]
+    }, this.state.selectedStatus || SHOW_ALL_STATUS), /*#__PURE__*/React.createElement(Icon, {
+      name: "angle-down",
+      type: "font-awesome",
+      iconStyle: [styles.filterIcon, {
+        color: this.props.colourBrandingMain
+      }]
+    }))));
+  }
+
+  renderListHeader() {
+    return /*#__PURE__*/React.createElement(View, null, this.props.ListHeaderComponent, this.renderFilter());
+  }
+
+  renderList() {
+    const {
+      selectedStatus
+    } = this.state;
+    const {
+      jobs
+    } = this.props;
+    const filteredList = selectedStatus === SHOW_ALL_STATUS ? jobs : jobs.filter(job => job.status === selectedStatus);
+    return /*#__PURE__*/React.createElement(FlatList, {
+      keyboardShouldPersistTaps: "always",
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: {
+        paddingBottom: 16
+      },
+      data: filteredList,
+      keyExtractor: item => item.id,
+      renderItem: _ref => {
+        let {
+          item
+        } = _ref;
+        return /*#__PURE__*/React.createElement(MaintenanceListItem, {
+          style: this.props.itemStyle,
+          job: item
+        });
+      },
+      ListEmptyComponent: this.renderEmptyList(),
+      ListHeaderComponent: this.renderListHeader()
+    });
+  } // renderAddButton() {
+  //   return this.props.enableAdd ? <Components.AddContentButton /> : null;
+  // }
+
+
+  renderStatusPopup() {
+    if (!this.state.showStatusPopup) return null;
+    return /*#__PURE__*/React.createElement(StatusSelectorPopup, {
+      filter: this.props.statuses,
+      includeAll: true,
+      allText: SHOW_ALL_STATUS,
+      onClose: this.onCloseFilter,
+      onSelect: this.onSelectStatus
+    });
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.renderList());
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff'
+  },
+  filterContainerOuter: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 16
+  },
+  filterTitle: {
+    fontFamily: 'sf-bold',
+    fontSize: 11,
+    letterSpacing: 0.8,
+    color: '#4d4d4d'
+  },
+  filterContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  filterText: {
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+    marginRight: 6
+  },
+  filterIcon: {
+    fontSize: 20
+  }
+});
+
+const mapStateToProps = state => {
+  const {
+    user,
+    jobs,
+    notifications
+  } = state;
+
+  const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);
+
+  const statuses = _.uniq(jobsOrdered.map(job => job.status));
+
+  return {
+    jobs: jobsOrdered,
+    statuses,
+    site: user.site,
+    userCategory: user.category,
+    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    dataUpdated: notifications.dataUpdated['jobs']
+  };
+};
+
+export default connect(mapStateToProps, {
+  jobsLoaded
+}, null, {
+  forwardRef: true
+})(MaintenanceList);
+//# sourceMappingURL=MaintenanceList.js.map

package/dist/module/components/MaintenanceList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["MaintenanceList.js"],"names":["React","Component","View","StyleSheet","FlatList","TouchableOpacity","Text","Icon","_","connect","generalActions","jobsLoaded","MaintenanceListItem","StatusSelectorPopup","Components","Colours","Config","SHOW_ALL_STATUS","MaintenanceList","constructor","props","onLoadingChanged","res","getJobs","site","data","error","console","log","loading","callback","setState","state","showStatusPopup","selectedStatus","componentDidMount","refresh","componentDidUpdate","prevProps","isEqual","statuses","includes","dataUpdated","getEmptyStateText","options","isEmpty","EmptyText","userCategory","env","strings","EMPTY_REQUESTS_STAFF","EMPTY_REQUESTS_USER","renderEmptyList","marginHorizontal","renderFilter","length","styles","filterContainerOuter","filterTitle","onPressFilter","filterContainer","filterText","color","colourBrandingMain","filterIcon","renderListHeader","ListHeaderComponent","renderList","jobs","filteredList","filter","job","status","flex","paddingBottom","item","id","itemStyle","renderStatusPopup","onCloseFilter","onSelectStatus","render","container","style","create","backgroundColor","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","fontFamily","fontSize","letterSpacing","marginRight","mapStateToProps","user","notifications","jobsOrdered","orderBy","uniq","map","category","getMainBrandingColourFromState","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, StyleSheet, FlatList, TouchableOpacity, Text } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { generalActions } from '../apis';\nimport { jobsLoaded } from '../actions';\nimport MaintenanceListItem from '../components/MaintenanceListItem';\nimport StatusSelectorPopup from './StatusSelectorPopup';\nimport { Components, Colours, Config } from '../core.config';\n\nconst SHOW_ALL_STATUS = 'Show All';\n\nclass MaintenanceList extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      loading: false,\n      selectedStatus: SHOW_ALL_STATUS,\n      showStatusPopup: false,\n    };\n  }\n\n  componentDidMount() {\n    this.refresh();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!_.isEqual(prevProps.statuses, this.props.statuses) && !this.props.statuses.includes(this.state.selectedStatus)) {\n      // Reset selected status if not exists\n      this.setState({ selectedStatus: SHOW_ALL_STATUS });\n    }\n    if (!prevProps.dataUpdated && this.props.dataUpdated) this.refresh();\n  }\n\n  refresh = () => {\n    this.onLoadingChanged(true, async () => {\n      try {\n        const res = await generalActions.getJobs(this.props.site);\n        this.props.jobsLoaded(res.data);\n      } catch (error) {\n        console.log('refresh error', error);\n      } finally {\n        this.onLoadingChanged(false);\n      }\n    });\n  };\n\n  getEmptyStateText() {\n    if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {\n      return this.props.options.EmptyText;\n    }\n    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;\n  }\n\n  onLoadingChanged = (loading, callback) => {\n    this.setState({ loading }, () => {\n      if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);\n      if (callback) callback();\n    });\n  };\n\n  onPressFilter = () => {\n    this.setState({ showStatusPopup: true });\n  };\n\n  onCloseFilter = () => {\n    this.setState({ showStatusPopup: false });\n  };\n\n  onSelectStatus = selectedStatus => {\n    this.setState({ showStatusPopup: false, selectedStatus });\n  };\n\n  renderEmptyList() {\n    return this.state.loading ? null : <Components.EmptyStateMain title={this.getEmptyStateText()} style={{ marginHorizontal: 16 }} />;\n  }\n\n  renderFilter() {\n    if (this.props.statuses?.length <= 1) return;\n\n    return (\n      <View style={styles.filterContainerOuter}>\n        <Text style={styles.filterTitle}>FILTER</Text>\n        <TouchableOpacity onPress={this.onPressFilter}>\n          <View style={styles.filterContainer}>\n            <Text style={[styles.filterText, { color: this.props.colourBrandingMain }]}>\n              {this.state.selectedStatus || SHOW_ALL_STATUS}\n            </Text>\n            <Icon name=\"angle-down\" type=\"font-awesome\" iconStyle={[styles.filterIcon, { color: this.props.colourBrandingMain }]} />\n          </View>\n        </TouchableOpacity>\n      </View>\n    );\n  }\n\n  renderListHeader() {\n    return (\n      <View>\n        {this.props.ListHeaderComponent}\n        {this.renderFilter()}\n      </View>\n    );\n  }\n\n  renderList() {\n    const { selectedStatus } = this.state;\n    const { jobs } = this.props;\n    const filteredList = selectedStatus === SHOW_ALL_STATUS ? jobs : jobs.filter(job => job.status === selectedStatus);\n\n    return (\n      <FlatList\n        keyboardShouldPersistTaps=\"always\"\n        style={{ flex: 1 }}\n        contentContainerStyle={{ paddingBottom: 16 }}\n        data={filteredList}\n        keyExtractor={item => item.id}\n        renderItem={({ item }) => <MaintenanceListItem style={this.props.itemStyle} job={item} />}\n        ListEmptyComponent={this.renderEmptyList()}\n        ListHeaderComponent={this.renderListHeader()}\n      />\n    );\n  }\n\n  // renderAddButton() {\n  //   return this.props.enableAdd ? <Components.AddContentButton /> : null;\n  // }\n\n  renderStatusPopup() {\n    if (!this.state.showStatusPopup) return null;\n\n    return (\n      <StatusSelectorPopup\n        filter={this.props.statuses}\n        includeAll\n        allText={SHOW_ALL_STATUS}\n        onClose={this.onCloseFilter}\n        onSelect={this.onSelectStatus}\n      />\n    );\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        {this.renderList()}\n        {/* {this.renderAddButton()} */}\n        {/* {this.renderStatusPopup()} */}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: '#fff',\n  },\n  filterContainerOuter: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    paddingVertical: 16,\n  },\n  filterTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 11,\n    letterSpacing: 0.8,\n    color: '#4d4d4d',\n  },\n  filterContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  filterText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    marginRight: 6,\n  },\n  filterIcon: {\n    fontSize: 20,\n  },\n});\n\nconst mapStateToProps = state => {\n  const { user, jobs, notifications } = state;\n  const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);\n  const statuses = _.uniq(jobsOrdered.map(job => job.status));\n\n  return {\n    jobs: jobsOrdered,\n    statuses,\n    site: user.site,\n    userCategory: user.category,\n    colourBrandingMain: Colours.getMainBrandingColourFromState(state),\n    dataUpdated: notifications.dataUpdated['jobs'],\n  };\n};\n\nexport default connect(mapStateToProps, { jobsLoaded }, null, { forwardRef: true })(MaintenanceList);\n"]}