@plusscommunities/pluss-maintenance-app-forms 6.0.12-beta.0 → 7.0.0-beta.0

package/src/components/PrioritySelectorPopup.js

@@ -1,79 +0,0 @@
-import React, { PureComponent } from 'react';
-import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
-import { connect } from 'react-redux';
-import { jobPriorityOptions } from '../helper';
-import { Components, Colours } from '../core.config';
-
-class PrioritySelectorPopup extends PureComponent {
-  render() {
-    const { title, includeAll, allText, onClose, onSelect } = this.props;
-    let priorities = jobPriorityOptions;
-    if (includeAll)
-      priorities = [
-        {
-          label: allText || 'Show All',
-          color: this.props.colourBrandingMain,
-        },
-        ...priorities,
-      ];
-
-    return (
-      <Components.MiddlePopup style={[styles.statusPopup, { height: priorities.length * 50 + 40 }]} onClose={onClose}>
-        <Text style={styles.statusPopupTitle}>{title || 'Select Priority'}</Text>
-        <View style={styles.statusPopupOptionsContainer}>
-          {priorities.map(priority => {
-            return (
-              <TouchableOpacity key={priority.label} onPress={() => onSelect(priority.label)}>
-                <View style={[styles.jobStatusContainer, { backgroundColor: priority.color }]}>
-                  <Text style={styles.jobStatusText}>{priority.label}</Text>
-                </View>
-              </TouchableOpacity>
-            );
-          })}
-        </View>
-      </Components.MiddlePopup>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  statusPopup: {
-    width: 160,
-    padding: 16,
-    borderRadius: 12,
-  },
-  statusPopupTitle: {
-    fontFamily: 'sf-bold',
-    color: Colours.TEXT_DARK,
-    fontSize: 18,
-    marginBottom: 16,
-  },
-  statusPopupOptionsContainer: {
-    flex: 1,
-    justifyContent: 'space-between',
-  },
-  jobStatusContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    width: 105,
-    height: 30,
-    paddingHorizontal: 8,
-    borderRadius: 4,
-  },
-  jobStatusText: {
-    color: '#fff',
-    textAlign: 'center',
-    fontFamily: 'sf-semibold',
-    fontSize: 13,
-    flex: 1,
-  },
-});
-
-const mapStateToProps = state => {
-  return {
-    colourBrandingMain: Colours.getMainBrandingColourFromState(state),
-  };
-};
-
-export default connect(mapStateToProps, {})(PrioritySelectorPopup);