admin/imexmobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor UI fixes.

Browse Source
This commit is contained in:
Patrick Fic
2025-10-29 15:26:20 -07:00
parent accfb7a38c
commit 162f599e2d
6 changed files with 33 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/job-lines/job-lines.jsx
View File

@@ -3,7 +3,7 @@ import { useQuery } from "@apollo/client";
import { useGlobalSearchParams } from "expo-router";
import React from "react";
import { useTranslation } from "react-i18next";
import { ScrollView } from "react-native";
import { ScrollView, useWindowDimensions } from "react-native";
import { ActivityIndicator, DataTable } from "react-native-paper";
import ErrorDisplay from "../error/error-display";
@@ -16,6 +16,8 @@ export default function JobLines() {
},
skip: !jobId,
});
const { width, height } = useWindowDimensions();
const isLandscape = width > height;
const { t } = useTranslation();
const onRefresh = async () => {
@@ -36,20 +38,22 @@ export default function JobLines() {
const job = data.jobs_by_pk;
return (
<ScrollView>
<ScrollView style={{ flex: 1, marginHorizontal: isLandscape ? 48 : 12 }}>
<DataTable>
<DataTable.Header>
<DataTable.Title> {t("jobdetail.labels.lines_desc")}</DataTable.Title>
<DataTable.Title>
<DataTable.Title style={{ flex: 4 }}>
{t("jobdetail.labels.lines_desc")}
</DataTable.Title>
<DataTable.Title style={{ flex: 2 }}>
{t("jobdetail.labels.lines_lbr_ty")}
</DataTable.Title>
<DataTable.Title numeric>
<DataTable.Title style={{ flex: 1 }} numeric>
{t("jobdetail.labels.lines_lb_hrs")}
</DataTable.Title>
<DataTable.Title>
<DataTable.Title style={{ flex: 2 }}>
{t("jobdetail.labels.lines_part_type")}
</DataTable.Title>
<DataTable.Title numeric>
<DataTable.Title style={{ flex: 1 }} numeric>
{t("jobdetail.labels.lines_qty")}
</DataTable.Title>
</DataTable.Header>
@@ -59,14 +63,18 @@ export default function JobLines() {
<DataTable.Cell style={{ flex: 4 }}>
{item.line_desc}
</DataTable.Cell>
<DataTable.Cell>
<DataTable.Cell style={{ flex: 2 }}>
{item.mod_lbr_ty && t(`jobdetail.lbr_types.${item.mod_lbr_ty}`)}
</DataTable.Cell>
<DataTable.Cell numeric>{item.mod_lb_hrs}</DataTable.Cell>
<DataTable.Cell>
<DataTable.Cell style={{ flex: 1 }} numeric>
{item.mod_lb_hrs}
</DataTable.Cell>
<DataTable.Cell style={{ flex: 2 }}>
{item.part_type && t(`jobdetail.part_types.${item.part_type}`)}
</DataTable.Cell>
<DataTable.Cell numeric>{item.part_qty}</DataTable.Cell>
<DataTable.Cell style={{ flex: 1 }} numeric>
{item.part_qty}
</DataTable.Cell>
</DataTable.Row>
))}
</DataTable>