Added job select on Camera

2021-02-08 19:19:23 -08:00
parent 280b8e38b5
commit 3a0c8b9a5a
13 changed files with 12506 additions and 8055 deletions
--- a/components/camera-select-job/camera-select-job.component.jsx
+++ b/components/camera-select-job/camera-select-job.component.jsx
@@ -0,0 +1,86 @@
+import { useQuery } from "@apollo/client";
+import { Picker } from "native-base";
+import React from "react";
+import { View } from "react-native";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
+import { setCameraJob, setCameraJobId } from "../../redux/app/app.actions";
+import { selectCurrentCameraJobId } from "../../redux/app/app.selectors";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import ErrorDisplay from "../error-display/error-display.component";
+import LoadingDisplay from "../loading-display/loading-display.component";
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  cameraJobId: selectCurrentCameraJobId,
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  setCameraJobId: (id) => dispatch(setCameraJobId(id)),
+  setCameraJob: (job) => dispatch(setCameraJob(job)),
+});
+
+export function CameraSelectJob({
+  bodyshop,
+  cameraJobId,
+  setCameraJobId,
+  setCameraJob,
+}) {
+  const { loading, error, data, refetch } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
+    variables: {
+      statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"],
+    },
+    skip: !bodyshop,
+  });
+
+  const onRefresh = async () => {
+    return refetch();
+  };
+
+  if (loading) return <LoadingDisplay />;
+  if (error) return <ErrorDisplay errorMessage={error.message} />;
+
+  return (
+    <View
+      style={{
+        // display: "flex",
+        // width: "100%",
+        // alignSelf: "flex-start",
+        // alignItems: "center",
+        backgroundColor: "rgba(35,35,35, 0.4)",
+        paddingTop: 30,
+        //textShadow: "tomato 0px 0px 10px",
+        fontColor: "black",
+        fontSize: 20,
+        fontWeight: "bold",
+      }}
+    >
+      <Picker
+        note
+        selectedValue={cameraJobId}
+        onValueChange={(value, idx) => {
+          console.log(value, idx);
+          setCameraJobId(value);
+          setCameraJob(data.jobs[idx]);
+        }}
+      >
+        {data.jobs.map((j) => {
+          return (
+            <Picker.Item
+              label={`${j.ro_number ? `${j.ro_number} - ` : ``}${
+                j.ownr_fn || ""
+              } ${j.ownr_ln || ""} ${j.ownr_co_nm || ""} - ${
+                j.v_model_yr || ""
+              } ${j.v_make_desc || ""} ${j.v_model_desc || ""}`}
+              value={j.id}
+              key={j.id}
+            />
+          );
+        })}
+      </Picker>
+    </View>
+  );
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(CameraSelectJob);