@plusscommunities/pluss-maintenance-app 6.0.5-auth.0 → 6.1.1-beta.0

package/src/components/MaintenanceWidgetItem.js

@@ -7,10 +7,11 @@ import _ from 'lodash';
 import { getJobStatusProps, jobStatusOptions } from '../helper';
 import { Services } from '../feature.config';
 import { Colours, Helper } from '../core.config';
+import { values } from '../values.config';
 
 class MaintenanceWidgetItem extends Component {
   onPressJob = () => {
-    Services.navigation.navigate('requestDetail', { job: this.props.job });
+    Services.navigation.navigate(values.screenRequestDetail, { job: this.props.job });
   };
 
   render() {
@@ -43,7 +44,7 @@ class MaintenanceWidgetItem extends Component {
             </View>
             <View style={styles.jobBottomSection}>
               <View style={[styles.jobStatusContainer, { backgroundColor: statusColor }]}>
-                {/* <Icon name="wrench" type="font-awesome" iconStyle={styles.jobStatusIcon} /> */}
+                <Icon name="wrench" type="font-awesome" iconStyle={styles.jobStatusIcon} />
                 <Text style={styles.jobStatusText}>{statusText}</Text>
               </View>
             </View>

package/src/components/StatusSelectorPopup.js

@@ -11,7 +11,6 @@ class StatusSelectorPopup extends PureComponent {
       ? filter.map(status => {
           return {
             name: status,
-            label: getJobStatusLabel(status),
             color: getJobStatusColour(status),
           };
         })
@@ -33,7 +32,7 @@ class StatusSelectorPopup extends PureComponent {
             return (
               <TouchableOpacity key={status.name} onPress={() => onSelect(status.name)}>
                 <View style={[styles.jobStatusContainer, { backgroundColor: status.color }]}>
-                  <Text style={styles.jobStatusText}>{status.label}</Text>
+                  <Text style={styles.jobStatusText}>{status.name}</Text>
                 </View>
               </TouchableOpacity>
             );

package/src/components/WidgetSmall.js

@@ -2,11 +2,12 @@ import React, { Component } from 'react';
 import { Text, View, ScrollView, StyleSheet } from 'react-native';
 import { connect } from 'react-redux';
 import _ from 'lodash';
-import { maintenanceActions } from '../apis';
+import { generalActions } from '../apis';
 import { jobsLoaded } from '../actions';
 import MaintenanceWidgetItem from './MaintenanceWidgetItem';
 import { Services } from '../feature.config';
 import { Colours, Components, Config } from '../core.config';
+import { values } from '../values.config';
 
 const MAX_ITEMS = 10;
 
@@ -27,7 +28,7 @@ class WidgetSmall extends Component {
   getTitle = () => {
     const { options } = this.props;
     if (options && !_.isEmpty(options.Title)) return options.Title;
-    return Config.env.strings.MAINTENANCE;
+    return this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;
   };
 
   getEmptyStateText = () => {
@@ -39,7 +40,7 @@ class WidgetSmall extends Component {
   refresh = () => {
     this.onLoadingChanged(true, async () => {
       try {
-        const res = await maintenanceActions.getJobsRecursive(this.props.site);
+        const res = await generalActions.getJobsRecursive(this.props.site);
         // console.log('WidgetSmall - refresh', res.data);
         this.props.jobsLoaded(res);
       } catch (error) {
@@ -136,13 +137,15 @@ const styles = StyleSheet.create({
 });
 
 const mapStateToProps = state => {
-  const { user, jobs, notifications } = state;
+  const { user, notifications } = state;
+  const jobs = state[values.reducerKey];
   return {
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
     jobs: _.orderBy(jobs.jobs, ['createdUnix'], ['desc']),
     site: user.site,
     userCategory: user.category,
     dataUpdated: notifications.dataUpdated.jobs,
+    strings: state.strings?.config || {},
   };
 };
 

package/src/feature.config.js

@@ -1,5 +1,6 @@
 // import * as PlussCore from '../../pluss-core/src';
 import * as PlussCore from '@plusscommunities/pluss-core-app';
+import { values } from './values.config';
 
 export const Services = {
   navigation: null,
@@ -10,25 +11,25 @@ export const BaseComponents = {
 };
 
 const FeatureConfig = {
-  key: 'maintenance',
-  aliases: ['maintenanceRequest'],
-  title: 'Request',
+  key: values.featureKey,
+  aliases: values.aliases,
+  title: values.textFeatureTitle,
   gridMenu: {
-    icon: 'maintenance',
+    icon: values.iconGridMenu,
     viewBox: '0 0 30 30',
-    navigate: 'maintenance',
+    navigate: values.screenMaintenance,
   },
   addMenu: {
-    order: 5,
-    icon: 'request',
-    title: 'Request',
-    navigate: 'serviceRequest',
-    visibleExps: { type: 'feature', value: 'maintenance' },
+    order: values.orderAddMenu,
+    icon: values.iconAddMenu,
+    title: values.textAddMenuTitle,
+    navigate: values.screenServiceRequest,
+    visibleExps: { type: 'feature', value: values.featureKey },
   },
   moreMenu: {
-    order: 4,
-    title: 'Request',
-    navigate: 'maintenance',
+    order: values.orderMoreMenu,
+    title: values.textMoreMenuTitle,
+    navigate: values.screenMaintenance,
     visibleExps: {
       type: 'and',
       exps: [
@@ -38,10 +39,10 @@ const FeatureConfig = {
     },
   },
   kioskAction: {
-    order: 1,
-    icon: 'wrench',
-    title: 'Request',
-    navigate: 'serviceRequest',
+    order: values.orderKioskAction,
+    icon: values.iconKioskAction,
+    title: values.textKioskActionTitle,
+    navigate: values.screenServiceRequest,
   },
   hideTabBar: [],
   env: {
@@ -65,19 +66,6 @@ const FeatureConfig = {
     Services.navigation = navigation;
     BaseComponents.NotificationBell = notificationBell;
     PlussCore.Config.init(environment, navigation);
-
-    // Override strings
-    if (environment && environment.strings) {
-      const { MAINTENANCE, MAINTENANCE_REQUEST } = environment.strings;
-      if (MAINTENANCE) {
-        FeatureConfig.addMenu.title = MAINTENANCE;
-      }
-      if (MAINTENANCE_REQUEST) {
-        FeatureConfig.title = MAINTENANCE_REQUEST;
-        FeatureConfig.moreMenu.title = MAINTENANCE_REQUEST;
-        FeatureConfig.kioskAction.title = MAINTENANCE_REQUEST;
-      }
-    }
   },
 };
 export default FeatureConfig;

package/src/helper.js

@@ -1,20 +1,16 @@
-import { label } from 'aws-amplify';
 import { Colours } from './core.config';
 
 const jobStatusOptions = [
   {
     name: 'Unassigned',
-    label: 'Open',
     color: Colours.LINEGREY,
   },
   {
     name: 'In Progress',
-    label: 'In Progress',
     color: Colours.COLOUR_TEAL,
   },
   {
     name: 'Completed',
-    label: 'Completed',
     color: Colours.COLOUR_GREEN_LIGHT,
   },
 ];
@@ -24,16 +20,11 @@ const getJobStatusColour = status => {
   return option ? option.color : jobStatusOptions[0].color;
 };
 
-const getJobStatusLabel = status => {
-  const option = jobStatusOptions.find(item => item.name === status);
-  return option ? option.label : jobStatusOptions[0].label;
-};
-
 const getJobStatusProps = status => {
-  const statusText = getJobStatusLabel(status) || jobStatusOptions[0].label;
+  const statusText = status || jobStatusOptions[0].name;
   const statusColor = getJobStatusColour(statusText);
 
   return { statusText, statusColor };
 };
 
-export { jobStatusOptions, getJobStatusColour, getJobStatusProps, getJobStatusLabel };
+export { jobStatusOptions, getJobStatusColour, getJobStatusProps };

package/src/index.js

@@ -4,15 +4,22 @@ import ServiceRequest from './screens/ServiceRequest';
 import JobTypePicker from './screens/JobTypePicker';
 import RequestNotes from './screens/RequestNotes';
 import JobsReducer from './reducers/JobsReducer';
+import { values } from './values.config';
 
-export const Reducers = { jobs: JobsReducer };
-export const Screens = {
-  maintenance: MaintenancePage,
-  requestDetail: RequestDetail,
-  serviceRequest: ServiceRequest,
-  jobTypePicker: JobTypePicker,
-  requestNotes: RequestNotes,
-};
+export const Reducers = (() => {
+  const reducers = {};
+  reducers[values.reducerKey] = JobsReducer;
+  return reducers;
+})();
+export const Screens = (() => {
+  const screens = {};
+  screens[values.screenMaintenance] = MaintenancePage;
+  screens[values.screenRequestDetail] = RequestDetail;
+  screens[values.screenServiceRequest] = ServiceRequest;
+  screens[values.screenJobTypePicker] = JobTypePicker;
+  screens[values.screenRequestNotes] = RequestNotes;
+  return screens;
+})();
 export { default as Config } from './feature.config';
 export { default as WidgetSmall } from './components/WidgetSmall';
 export { default as WidgetLarge } from './components/WidgetLarge';

package/src/screens/MaintenancePage.js

@@ -5,6 +5,7 @@ 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) {
@@ -29,10 +30,11 @@ class MaintenancePage extends Component {
   };
 
   renderHeader() {
+    const title = this.props.title || this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;
     if (this.state.isHomeTab) {
       return (
         <Components.Header
-          text={this.props.title || Config.env.strings.MAINTENANCE}
+          text={title}
           rightContent={
             _.includes(this.props.user.hidden, 'notifications') ? null : (
               <View style={styles.notificationContainer}>
@@ -46,9 +48,7 @@ class MaintenancePage extends Component {
         />
       );
     }
-    return (
-      <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={this.props.title || Config.env.strings.MAINTENANCE} />
-    );
+    return <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={values.textFeatureTitle} />;
   }
 
   render() {
@@ -89,6 +89,7 @@ const styles = StyleSheet.create({
 const mapStateToProps = state => {
   return {
     user: state.user,
+    strings: state.strings?.config || {},
   };
 };
 

package/src/screens/RequestDetail.js

@@ -5,12 +5,13 @@ import { Icon } from 'react-native-elements';
 import _ from 'lodash';
 import moment from 'moment';
 import { connect } from 'react-redux';
-import { maintenanceActions } from '../apis';
+import { generalActions } from '../apis';
 import { jobAdded } from '../actions';
 import StatusSelectorPopup from '../components/StatusSelectorPopup';
 import { jobStatusOptions, getJobStatusProps } from '../helper';
 import { Services } from '../feature.config';
 import { Colours, Helper, Components, Config } from '../core.config';
+import { values } from '../values.config';
 
 class RequestDetail extends Component {
   constructor(props) {
@@ -24,14 +25,13 @@ class RequestDetail extends Component {
       expectedDate: null,
       expectedDateText: '',
       seen: false,
-      showMore: true,
+      showMore: false,
       showStatusPopup: false,
       loading: false,
       showFullscreenVideo: false,
       currentVideoUrl: '',
       galleryOpen: false,
       showMessages: false,
-      assignees: [],
     };
 
     this.scrollView = React.createRef();
@@ -40,9 +40,7 @@ class RequestDetail extends Component {
   }
 
   componentDidMount() {
-    this.getJob();
     this.updateJobState();
-    this.getAssignees();
   }
 
   componentDidUpdate(prevProps) {
@@ -51,38 +49,6 @@ class RequestDetail extends Component {
     }
   }
 
-  getJob = async () => {
-    console.log('getting job');
-    this.setState({ loading: true }, async () => {
-      try {
-        const res = await maintenanceActions.getJob(this.props.job.site, this.props.job.id);
-        this.props.jobAdded(res.data);
-        console.log('got the job');
-      } catch (error) {
-        console.log('getJob error', error.toString());
-        // check for 403 or 404 error
-        if (error.response.status === 403 || error.response.status === 404) {
-          this.setState({
-            forbidden: true,
-          });
-        }
-        console.log('getJob error', error);
-      } finally {
-        this.setState({ loading: false });
-      }
-    });
-  };
-
-  getAssignees = async () => {
-    if (!this.hasPermission()) return;
-    try {
-      const res = await maintenanceActions.getAssignees(this.props.user.site);
-      this.setState({ assignees: res.data.Users });
-    } catch (error) {
-      console.log('getAssignees error', error);
-    }
-  };
-
   updateJobState() {
     const job = _.find(this.props.jobs, j => j.id === this.props.job.id) || this.props.job;
     const newState = { job, status: job.status };
@@ -108,7 +74,7 @@ class RequestDetail extends Component {
     this.setState({ loading: true }, async () => {
       try {
         const updated = { id: job.id, seen: true, status: job.status || 'Unassigned' };
-        const res = await maintenanceActions.editJob(updated, user.site);
+        const res = await generalActions.editJob(updated, user.site);
         // console.log('markSeen updated');
         this.props.jobAdded(res.data.job);
         this.setState({ loading: false, seen: true });
@@ -130,7 +96,7 @@ class RequestDetail extends Component {
             .utc()
             .toISOString();
         }
-        const res = await maintenanceActions.editJob(updated, user.site);
+        const res = await generalActions.editJob(updated, user.site);
         this.props.jobAdded(res.data.job);
       } catch (error) {
         console.log('updateJob error', error);
@@ -143,7 +109,7 @@ class RequestDetail extends Component {
   updateJobStatus = () => {
     this.setState({ loading: true }, async () => {
       try {
-        const res = await maintenanceActions.editJobStatus(this.props.job.id, this.state.status);
+        const res = await generalActions.editJobStatus(this.props.job.id, this.state.status);
         this.props.jobAdded(res.data.job);
       } catch (error) {
         console.log('updateJobStatus error', error);
@@ -172,7 +138,7 @@ class RequestDetail extends Component {
   };
 
   openStaffNotes = () => {
-    Services.navigation.navigate('requestNotes', { job: this.state.job });
+    Services.navigation.navigate(values.screenRequestNotes, { job: this.state.job });
   };
 
   onOpenDatePicker = () => {
@@ -216,7 +182,7 @@ class RequestDetail extends Component {
   onCommentAdded = () => {
     this.setState({ loading: true }, async () => {
       try {
-        const job = await maintenanceActions.getJob(this.props.user.site, this.props.job.id);
+        const job = await generalActions.getJob(this.props.user.site, this.props.job.id);
         // console.log('onCommentAdded', job?.data);
         this.props.jobAdded(job.data);
       } catch (error) {
@@ -228,15 +194,8 @@ class RequestDetail extends Component {
   };
 
   hasPermission = () => {
-    const { job } = this.state;
     const { permissions } = this.props.user;
-    if (_.includes(permissions, 'maintenanceTracking')) {
-      return true;
-    }
-    if (_.includes(permissions, 'maintenanceAssignment')) {
-      return job.AssigneeId === this.props.user.Id;
-    }
-    return false;
+    return _.includes(permissions, values.permissionMaintenanceTracking);
   };
 
   toggleFullscreenVideo = url => {
@@ -257,32 +216,6 @@ class RequestDetail extends Component {
     });
   }
 
-  onOpenAssigneePicker = () => {
-    const options = this.state.assignees.map(a => {
-      return { key: a.id, name: a.displayName };
-    });
-    Services.navigation.navigate('optionSelector', {
-      options,
-      selection: this.state.job.AssigneeId,
-      title: 'Assign request',
-      onSelect: this.onSelectAssignee,
-    });
-  };
-
-  onSelectAssignee = assignee => {
-    this.setState({ loading: true }, async () => {
-      try {
-        console.log('onSelectAssignee', this.props.job.id, assignee.key);
-        const res = await maintenanceActions.assignJob(this.props.job.id, assignee.key);
-        this.props.jobAdded(res.data.job);
-      } catch (error) {
-        console.log('onSelectAssignee error', error);
-      } finally {
-        this.setState({ loading: false });
-      }
-    });
-  };
-
   renderLoading() {
     return <Components.LoadingIndicator visible={this.state.loading} />;
   }
@@ -317,7 +250,7 @@ class RequestDetail extends Component {
               </View>
             </View>
           )}
-          {/* <View style={styles.textSectionInner}>
+          <View style={styles.textSectionInner}>
             <Text style={styles.textSectionLabel}>Expected Date</Text>
             <TouchableOpacity onPress={this.onOpenDatePicker}>
               <View style={styles.textSectionTextContainer}>
@@ -329,13 +262,14 @@ class RequestDetail extends Component {
                 />
               </View>
             </TouchableOpacity>
-          </View> */}
+          </View>
         </View>
         <View style={styles.jobStatusExpectedContainer}>
           <View style={styles.jobStatusOuterContainer}>
             <Text style={styles.jobStatusHeading}>STATUS</Text>
             <TouchableOpacity onPress={canEdit ? this.onOpenStatusPicker : null}>
               <View style={[styles.jobStatusContainer, { backgroundColor: statusColor }]}>
+                <Icon name="wrench" type="font-awesome" iconStyle={styles.jobStatusIcon} />
                 <Text style={styles.jobStatusText}>{statusText}</Text>
               </View>
             </TouchableOpacity>
@@ -416,42 +350,6 @@ class RequestDetail extends Component {
     );
   }
 
-  renderAssignee() {
-    const { job } = this.state;
-    if (!this.hasPermission() && !job.Assignee) return null;
-
-    const content = (
-      <View>
-        <Text style={styles.locationLabel}>Assigned To</Text>
-        <View>
-          {job.Assignee && (
-            <View style={styles.profileContainer}>
-              <Components.ProfilePic ProfilePic={job.Assignee.profilePic} Diameter={40} />
-              <View style={styles.nameContainer}>
-                <Text style={styles.nameText}>{job.Assignee.displayName}</Text>
-              </View>
-            </View>
-          )}
-        </View>
-      </View>
-    );
-
-    if (this.hasPermission()) {
-      return (
-        <Components.FormCardSectionOptionLauncher
-          onPress={this.onOpenAssigneePicker}
-          title="Assigned To"
-          value={job.Assignee ? job.Assignee.displayName : 'Unassigned'}
-          textStyle={styles.detailsText}
-          sectionStyle={styles.detailsSection}
-        >
-          {content}
-        </Components.FormCardSectionOptionLauncher>
-      );
-    }
-    return content;
-  }
-
   rendeDetails() {
     const { job } = this.state;
 
@@ -501,8 +399,8 @@ class RequestDetail extends Component {
           ref={this.commentSection}
           commentReply={this.commentReply}
           scrollView={this.scrollView}
-          adminPermission="maintenanceTracking"
-          entityType="maintenancerequest"
+          adminPermission={values.permissionMaintenanceTracking}
+          entityType={values.featureKey}
           entityId={this.props.job.id}
           entityName={this.props.job.title}
           site={this.state.job.site || this.state.job.location}
@@ -539,7 +437,7 @@ class RequestDetail extends Component {
         ref={this.commentReply}
         commentSection={this.commentSection}
         scrollView={this.scrollView}
-        entityType="maintenancerequest"
+        entityType={values.featureKey}
         entityId={this.props.job.id}
         entityName={this.props.job.title}
         site={this.state.job.site || this.state.job.location}
@@ -555,9 +453,6 @@ class RequestDetail extends Component {
   }
 
   render() {
-    if (this.state.forbidden) {
-      return <Components.Forbidden />;
-    }
     return (
       <KeyboardAvoidingView behavior={Platform.OS === 'ios' && 'padding'} style={styles.container}>
         <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={Config.env.strings.MAINTENANCE_REQUEST_DETAILS} />
@@ -565,7 +460,6 @@ class RequestDetail extends Component {
         <ScrollView ref={this.scrollView} contentContainerStyle={{ paddingBottom: 26 }} style={{ height: '100%' }}>
           <View style={styles.innerContainer}>
             {this.renderTop()}
-            {this.renderAssignee()}
             {this.rendeDetails()}
             {this.renderMessages()}
           </View>
@@ -827,7 +721,7 @@ const mapStateToProps = state => {
   return {
     user: state.user,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
-    jobs: state.jobs.jobs,
+    jobs: state[values.reducerKey].jobs,
   };
 };
 

package/src/screens/RequestNotes.js

@@ -5,10 +5,11 @@ import { Icon } from 'react-native-elements';
 import _ from 'lodash';
 import moment from 'moment';
 import { jobAdded } from '../actions';
-import { maintenanceActions } from '../apis';
+import { generalActions } from '../apis';
 import { getBottomSpace } from 'react-native-iphone-x-helper';
 import { Services } from '../feature.config';
 import { Components, Colours, Helper } from '../core.config';
+import { values } from '../values.config';
 
 class RequestNotes extends Component {
   constructor(props) {
@@ -61,7 +62,7 @@ class RequestNotes extends Component {
   };
 
   onPressConfirmDelete = () => {
-    maintenanceActions.deleteNote(this.props.job.id, this.state.noteToDelete.Id);
+    generalActions.deleteNote(this.props.job.id, this.state.noteToDelete.Id);
     const newNotes = _.filter(this.state.job.Notes, note => {
       return note.Id !== this.state.noteToDelete.Id;
     });
@@ -126,7 +127,7 @@ class RequestNotes extends Component {
     try {
       this.setState({ submittingNote: true });
       const res = await (this.state.editingNote
-        ? maintenanceActions.editNote(
+        ? generalActions.editNote(
             this.props.job.id,
             this.state.editingNote,
             this.state.noteInput,
@@ -137,7 +138,7 @@ class RequestNotes extends Component {
               };
             }),
           )
-        : maintenanceActions.addNote(
+        : generalActions.addNote(
             this.props.job.id,
             this.state.noteInput,
             this.state.noteAttachments.map(a => {
@@ -408,7 +409,7 @@ const mapStateToProps = state => {
     user: state.user,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
     colourBrandingLight: Colours.getLightBrandingColourFromState(state),
-    jobs: state.jobs.jobs,
+    jobs: state[values.reducerKey].jobs,
   };
 };
 

package/src/screens/ServiceRequest.js

@@ -16,9 +16,10 @@ import _ from 'lodash';
 import { Icon } from 'react-native-elements';
 import { connect } from 'react-redux';
 import { jobAdded } from '../actions';
-import { maintenanceActions } from '../apis';
+import { generalActions } from '../apis';
 import { Services } from '../feature.config';
 import { Components, Colours, Helper, Config } from '../core.config';
+import { values } from '../values.config';
 
 const PHOTO_SIZE = (Dimensions.get('window').width - 64) / 3;
 
@@ -143,7 +144,7 @@ class MaintenanceRequest extends Component {
   }
 
   onPressType() {
-    Services.navigation.navigate('jobTypePicker', {
+    Services.navigation.navigate(values.screenJobTypePicker, {
       currentType: this.state.type,
       types: this.state.types,
       onSelectType: this.pickType.bind(this),
@@ -179,7 +180,7 @@ class MaintenanceRequest extends Component {
 
   getJobTypes() {
     const self = this;
-    maintenanceActions
+    generalActions
       .getJobTypes(Helper.getSite(this.props.site))
       .then(res => {
         self.setState({
@@ -227,7 +228,7 @@ class MaintenanceRequest extends Component {
       return img.url;
     });
 
-    maintenanceActions
+    generalActions
       .sendMaintenanceRequest(
         this.props.uid,
         this.state.userName,
@@ -268,7 +269,7 @@ class MaintenanceRequest extends Component {
 
   refreshRequest = async id => {
     try {
-      const job = await maintenanceActions.getJob(Helper.getSite(this.props.site), id);
+      const job = await generalActions.getJob(Helper.getSite(this.props.site), id);
       // console.log('refreshRequest', job?.data);
       this.props.jobAdded(job.data);
     } catch (error) {
@@ -614,7 +615,7 @@ class MaintenanceRequest extends Component {
           <Components.Header
             leftIcon="angle-left"
             onPressLeft={this.onPressBack.bind(this)}
-            text={Config.env.strings.MAINTENANCE}
+            text={this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle}
             rightText={this.state.submitting || this.state.success ? null : 'Done'}
             onPressRight={this.submitRequest.bind(this)}
             absoluteRight
@@ -740,6 +741,7 @@ const mapStateToProps = state => {
     unit,
     phoneNumber,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
+    strings: state.strings?.config || {},
   };
 };