Add error handling and notes page.

components/job-lines/job-lines.jsx

@@ -3,10 +3,11 @@ import { useQuery } from "@apollo/client";
 import { useGlobalSearchParams } from "expo-router";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { ScrollView, Text } from "react-native";
-import { ActivityIndicator, Card, DataTable } from "react-native-paper";
+import { ScrollView } from "react-native";
+import { ActivityIndicator, DataTable } from "react-native-paper";
+import ErrorDisplay from "../error/error-display";
 
-export default function JobLines(props) {
+export default function JobLines() {
   const { jobId } = useGlobalSearchParams();
 
   const { loading, error, data, refetch } = useQuery(GET_JOB_BY_PK, {
@@ -16,22 +17,25 @@ export default function JobLines(props) {
     skip: !jobId,
   });
 
+  console.log("*** ~ JobLines ~ error:", error);
   const { t } = useTranslation();
   const onRefresh = async () => {
     return refetch();
   };
+
   if (loading) {
     return <ActivityIndicator />;
   }
-  if (!data?.jobs_by_pk) {
-    return (
-      <Card>
-        <Text>Job is not defined.</Text>
-      </Card>
-    );
-  }
-  const job = data.jobs_by_pk;
 
+  if (error) {
+    return <ErrorDisplay message={JSON.stringify(error)} />;
+  }
+
+  if (!data?.jobs_by_pk) {
+    return <ErrorDisplay message={"Job is not defined."} />;
+  }
+
+  const job = data.jobs_by_pk;
   return (
     <ScrollView>
       <DataTable>