From 0809a01c90db6dd737ce14d34fd5d11225ddf154 Mon Sep 17 00:00:00 2001
From: Patrick Fic <patrick@imexsystems.ca>
Date: Thu, 23 Oct 2025 15:01:40 -0700
Subject: [PATCH] Minor UI improvements.

---
 .../screen-media-browser.component.jsx                |  6 ++++--
 components/data-label/data-label.jsx                  |  2 +-
 components/job-tombstone/job-tombstone.jsx            | 11 +++++++----
 redux/photos/photos.sagas.js                          |  2 +-
 util/theme.js                                         |  2 +-
 5 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/components-old/screen-media-browser/screen-media-browser.component.jsx b/components-old/screen-media-browser/screen-media-browser.component.jsx
index 019040b..4692774 100644
--- a/components-old/screen-media-browser/screen-media-browser.component.jsx
+++ b/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."
+          );
         }
       }
     })();
diff --git a/components/data-label/data-label.jsx b/components/data-label/data-label.jsx
index 919b01c..cef84e3 100644
--- a/components/data-label/data-label.jsx
+++ b/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>
   );
diff --git a/components/job-tombstone/job-tombstone.jsx b/components/job-tombstone/job-tombstone.jsx
index de097b2..994caf8 100644
--- a/components/job-tombstone/job-tombstone.jsx
+++ b/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) || ""
             }`}
diff --git a/redux/photos/photos.sagas.js b/redux/photos/photos.sagas.js
index 559891c..c199db5 100644
--- a/redux/photos/photos.sagas.js
+++ b/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;
       }
     }
diff --git a/util/theme.js b/util/theme.js
index 107c28b..3fbfc68 100644
--- a/util/theme.js
+++ b/util/theme.js
@@ -3,7 +3,7 @@ const lightTheme = {
     colors: {
         primary: "#1890ff",
         onPrimary: "#ffffff",
-        primaryContainer: "#e1e1e1ff",
+        primaryContainer: "#eaeaeaff",
         onPrimaryContainer: "#001c3a",
         secondary: "#545f71",
         onSecondary: "#ffffff",