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

- random cleanup

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-01-12 17:40:23 -05:00
parent ba32a71786
commit d360bcbb71
1 changed files with 77 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
client/src/components/jobs-find-modal/jobs-find-modal.container.jsx
View File

@@ -1,102 +1,90 @@
import { useQuery } from "@apollo/client";
import { Modal } from "antd";
import {useQuery} from "@apollo/client";
import {Modal} from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
import { selectBodyshop } from "../../redux/user/user.selectors";
import {useTranslation} from "react-i18next";
import {connect} from "react-redux";
import {createStructuredSelector} from "reselect";
import {QUERY_ALL_ACTIVE_JOBS} from "../../graphql/jobs.queries";
import {selectBodyshop} from "../../redux/user/user.selectors";
import AlertComponent from "../alert/alert.component";
import LoadingSpinner from "../loading-spinner/loading-spinner.component";
import JobsFindModalComponent from "./jobs-find-modal.component";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
bodyshop: selectBodyshop,
});
export default connect(
mapStateToProps,
null
)(function JobsFindModalContainer({
bodyshop,
loading,
error,
selectedJob,
setSelectedJob,
importOptionsState,
modalSearchState,
partsQueueToggle,
setPartsQueueToggle,
...modalProps
}) {
const { t } = useTranslation();
mapStateToProps,
null
)(function JobsFindModalContainer({bodyshop, loading, error, selectedJob, setSelectedJob, importOptionsState, modalSearchState, partsQueueToggle, setPartsQueueToggle, ...modalProps }) {
const {t} = useTranslation();
const jobsList = useQuery(QUERY_ALL_ACTIVE_JOBS, {
variables: {
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
},
skip: !modalProps.open,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const jobsList = useQuery(QUERY_ALL_ACTIVE_JOBS, {
variables: {
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
},
skip: !modalProps.open,
fetchPolicy: "network-only",
nextFetchPolicy: "network-only",
});
const modalSearch = modalSearchState[0];
const modalSearch = modalSearchState[0];
const jobsData =
jobsList.data && jobsList.data.jobs
? modalSearch
? jobsList.data.jobs.filter(
(j) =>
(j.ro_number || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.ownr_fn || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.ownr_ln || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.status || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.v_make_desc || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.v_model_desc || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.clm_no || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.plate_no || "")
.toLowerCase()
.includes(modalSearch.toLowerCase())
)
: jobsList.data.jobs
: null;
const jobsData =
jobsList.data && jobsList.data.jobs
? modalSearch
? jobsList.data.jobs.filter(
(j) =>
(j.ro_number || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.ownr_fn || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.ownr_ln || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.status || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.v_make_desc || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.v_model_desc || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.clm_no || "")
.toLowerCase()
.includes(modalSearch.toLowerCase()) ||
(j.plate_no || "")
.toLowerCase()
.includes(modalSearch.toLowerCase())
)
: jobsList.data.jobs
: null;
return (
<Modal
title={t("jobs.labels.existing_jobs")}
width={"80%"}
destroyOnClose
okButtonProps={{ disabled: selectedJob ? false : true }}
{...modalProps}
>
{loading ? <LoadingSpinner /> : null}
{error ? <AlertComponent message={error.message} type="error" /> : null}
{true ? (
<JobsFindModalComponent
selectedJob={selectedJob}
setSelectedJob={setSelectedJob}
importOptionsState={importOptionsState}
jobsListLoading={jobsList.loading}
jobsListRefetch={jobsList.refetch}
jobsList={jobsData}
modalSearchState={modalSearchState}
partsQueueToggle={partsQueueToggle}
setPartsQueueToggle={setPartsQueueToggle}
/>
) : null}
</Modal>
);
return (
<Modal
title={t("jobs.labels.existing_jobs")}
width={"80%"}
destroyOnClose
okButtonProps={{disabled: selectedJob ? false : true}}
{...modalProps}
>
{loading ? <LoadingSpinner/> : null}
{error ? <AlertComponent message={error.message} type="error"/> : null}
<JobsFindModalComponent
selectedJob={selectedJob}
setSelectedJob={setSelectedJob}
importOptionsState={importOptionsState}
jobsListLoading={jobsList.loading}
jobsListRefetch={jobsList.refetch}
jobsList={jobsData}
modalSearchState={modalSearchState}
partsQueueToggle={partsQueueToggle}
setPartsQueueToggle={setPartsQueueToggle}
/>
</Modal>
);
});