Minor UI improvements.

components-old/screen-media-browser/screen-media-browser.component.jsx

@@ -3,7 +3,7 @@ import * as ImagePicker from "expo-image-picker";
 import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { StyleSheet, Text, View } from "react-native";
-import { Button, SegmentedButtons } from "react-native-paper";
+import { Button } from "react-native-paper";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleDeleteAfterUpload } from "../../redux/app/app.actions";
@@ -53,7 +53,9 @@ export function ImageBrowserScreen({
           cameraRollStatus.status !== "granted" ||
           cameraStatus.status !== "granted"
         ) {
-          alert("Sorry, we need these permissions to make this work!");
+          alert(
+            "Photo and Camera permissions have not been granted. Please open the settings app and allow these permissions to upload photos."
+          );
         }
       }
     })();

components/data-label/data-label.jsx

@@ -18,7 +18,7 @@ export default function DataLabelComponent({
   const { key, ...rest } = restProps;
   return (
     <View key={key} {...rest} style={{ margin: 4, ...restProps.style }}>
-      <Text>{label}</Text>
+      <Text style={{ fontWeight: "bold" }}>{label}</Text>
       <Text>{theContent}</Text>
     </View>
   );

components/job-tombstone/job-tombstone.jsx

@@ -102,7 +102,8 @@ export default function JobTombstone() {
           <DataLabelComponent
             label={t("objects.jobs.fields.employee_body")}
             content={`${
-              (job.employee_body_rel && job.employee_body_rel.first_name) || ""
+              (job.employee_body_rel && job.employee_body_rel.first_name) ||
+              t("general.labels.na")
             } ${
               (job.employee_body_rel && job.employee_body_rel.last_name) || ""
             }`}
@@ -110,7 +111,8 @@ export default function JobTombstone() {
           <DataLabelComponent
             label={t("objects.jobs.fields.employee_prep")}
             content={`${
-              (job.employee_prep_rel && job.employee_prep_rel.first_name) || ""
+              (job.employee_prep_rel && job.employee_prep_rel.first_name) ||
+              t("general.labels.na")
             } ${
               (job.employee_prep_rel && job.employee_prep_rel.last_name) || ""
             }`}
@@ -120,7 +122,7 @@ export default function JobTombstone() {
             content={`${
               (job.employee_refinish_rel &&
                 job.employee_refinish_rel.first_name) ||
-              ""
+              t("general.labels.na")
             } ${
               (job.employee_refinish_rel &&
                 job.employee_refinish_rel.last_name) ||
@@ -130,7 +132,8 @@ export default function JobTombstone() {
           <DataLabelComponent
             label={t("objects.jobs.fields.employee_csr")}
             content={`${
-              (job.employee_csr_rel && job.employee_csr_rel.first_name) || ""
+              (job.employee_csr_rel && job.employee_csr_rel.first_name) ||
+              t("general.labels.na")
             } ${
               (job.employee_csr_rel && job.employee_csr_rel.last_name) || ""
             }`}

redux/photos/photos.sagas.js

@@ -68,7 +68,7 @@ export function* openImagePickerAction({ payload: jobid }) {
         cameraRollStatus.status !== "granted" ||
         cameraStatus.status !== "granted"
       ) {
-        alert("Sorry, we need these permissions to make this work!");
+        alert("Photo and Camera permissions have not been granted. Please open the settings app and allow these permissions to upload photos.");
         return;
       }
     }

util/theme.js

@@ -3,7 +3,7 @@ const lightTheme = {
     colors: {
         primary: "#1890ff",
         onPrimary: "#ffffff",
-        primaryContainer: "#e1e1e1ff",
+        primaryContainer: "#eaeaeaff",
         onPrimaryContainer: "#001c3a",
         secondary: "#545f71",
         onSecondary: "#ffffff",