Note insert.

components/job-tombstone/job-tombstone.jsx

@@ -5,17 +5,12 @@ import { useLocalSearchParams } from "expo-router";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { RefreshControl, ScrollView, StyleSheet, View } from "react-native";
-import {
-  ActivityIndicator,
-  Card,
-  Chip,
-  Text,
-  useTheme,
-} from "react-native-paper";
+import { ActivityIndicator, Card, Chip, Text } from "react-native-paper";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import DataLabelComponent from "../data-label/data-label";
-import { JobStatusSelector } from "../job-status-selector/JobStatusSelector";
+import ErrorDisplay from "../error/error-display";
+import { JobStatusSelector } from "../job-status-selector/job-status-selector";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -31,9 +26,6 @@ function JobTombstone({ bodyshop }) {
     },
     skip: !jobId,
   });
-  console.log("JobTombstone render");
-
-  const theme = useTheme();
 
   const { t } = useTranslation();
   const onRefresh = async () => {
@@ -80,6 +72,11 @@ function JobTombstone({ bodyshop }) {
   if (loading) {
     return <ActivityIndicator size="large" style={{ flex: 1 }} />;
   }
+
+  if (error) {
+    return <ErrorDisplay message={JSON.stringify(error)} />;
+  }
+
   if (!data.jobs_by_pk) {
     return (
       <Card>