@plusscommunities/pluss-maintenance-app-forms 6.0.8-beta.0

package/src/screens/MaintenancePage.js

@@ -0,0 +1,96 @@
+import React, { Component } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import MaintenanceList from '../components/MaintenanceList';
+import { Services, BaseComponents } from '../feature.config';
+import { Components, Helper, Styles, Config } from '../core.config';
+import { values } from '../values.config';
+
+class MaintenancePage extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      isHomeTab: false,
+      loading: false,
+    };
+  }
+
+  componentDidMount() {
+    // console.log('!Services.navigation.getParentRoute()', !Services.navigation.getParentRoute());
+    this.setState({ isHomeTab: !Services.navigation.getParentRoute() });
+  }
+
+  onPressBack = () => {
+    Services.navigation.goBack();
+  };
+
+  onLoadingChanged = loading => {
+    this.setState({ loading });
+  };
+
+  renderHeader() {
+    const title = this.props.title || this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;
+    if (this.state.isHomeTab) {
+      return (
+        <Components.Header
+          text={title}
+          rightContent={
+            _.includes(this.props.user.hidden, 'notifications') ? null : (
+              <View style={styles.notificationContainer}>
+                <BaseComponents.NotificationBell
+                  colourBrandingHeader={this.props.colourBrandingHeader}
+                  containerStyle={Styles.notificationBell}
+                />
+              </View>
+            )
+          }
+        />
+      );
+    }
+    return <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={values.textFeatureTitle} />;
+  }
+
+  render() {
+    const { isHomeTab } = this.state;
+
+    return (
+      <View style={styles.container}>
+        {this.renderHeader()}
+        <Components.LoadingIndicator visible={this.state.loading} />
+        <MaintenanceList
+          style={styles.maintenanceList}
+          onLoadingChanged={this.onLoadingChanged}
+          enableAdd={!isHomeTab}
+          options={this.props.options}
+        />
+        {/* {isHomeTab && <Components.AddContentButton />} */}
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  notificationContainer: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    right: 0,
+    paddingTop: Helper.StatusBarHeight(0),
+  },
+  maintenanceList: {
+    marginTop: 12,
+  },
+});
+
+const mapStateToProps = state => {
+  return {
+    user: state.user,
+    strings: state.strings?.config || {},
+  };
+};
+
+export default connect(mapStateToProps, {})(MaintenancePage);