Upload improvements for imgproxy.

components/job-lines/job-lines.jsx

@@ -4,7 +4,7 @@ import { useGlobalSearchParams } from "expo-router";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { ScrollView, useWindowDimensions } from "react-native";
-import { ActivityIndicator, DataTable } from "react-native-paper";
+import { ActivityIndicator, DataTable, useTheme } from "react-native-paper";
 import ErrorDisplay from "../error/error-display";
 
 export default function JobLines() {
@@ -18,7 +18,7 @@ export default function JobLines() {
   });
   const { width, height } = useWindowDimensions();
   const isLandscape = width > height;
-
+  const theme = useTheme();
   const { t } = useTranslation();
   const onRefresh = async () => {
     return refetch();
@@ -58,8 +58,13 @@ export default function JobLines() {
           </DataTable.Title>
         </DataTable.Header>
 
-        {job.joblines.map((item) => (
-          <DataTable.Row key={item.id}>
+        {job.joblines.map((item, index) => (
+          <DataTable.Row
+            key={item.id}
+            style={{
+              backgroundColor: index % 2 === 0 && theme.colors.surface,
+            }}
+          >
             <DataTable.Cell style={{ flex: 4 }}>
               {item.line_desc}
             </DataTable.Cell>