In progress update job mutation. Unknown how to have this use an input object.

client/src/components/job-tombstone/job-tombstone.component.jsx

@@ -1,9 +1,12 @@
 import React, { useState } from "react";
 import AlertComponent from "../alert/alert.component";
 import { Form, Input, Row, Col, Button } from "antd";
+import { UPDATE_JOB } from "../../graphql/jobs.queries";
+import { useMutation } from "@apollo/react-hooks";
 
 function JobTombstone({ job, ...otherProps }) {
   const [jobContext, setJobContext] = useState(job);
+  const [mutationUpdateJob] = useMutation(UPDATE_JOB);
 
   if (!job) {
     return (
@@ -20,6 +23,10 @@ function JobTombstone({ job, ...otherProps }) {
     otherProps.form.validateFieldsAndScroll((err, values) => {
       if (!err) {
         console.log("Received values of form: ", values);
+
+        mutationUpdateJob({
+          variables: { jobId: jobContext.id, job: JSON.stringify(values) }
+        }).then(r => console.log("result", r));
       }
     });
   };
@@ -27,10 +34,8 @@ function JobTombstone({ job, ...otherProps }) {
   const handleChange = event => {
     const { name, value } = event.target;
     setJobContext({ ...jobContext, [name]: value });
-    console.log("jobContext", jobContext);
   };
 
-  console.log("#DEBUG", job);
   const { getFieldDecorator } = otherProps.form;
   return (
     <Form onSubmit={handleSubmit}>

client/src/components/manage-sign-in-button/manage-sign-in-button.component.jsx

@@ -3,6 +3,7 @@ import { useQuery } from "react-apollo";
 import { Link } from "react-router-dom";
 import { GET_CURRENT_USER } from "../../graphql/local.queries";
 import { Icon } from "antd";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 
 export default function ManageSignInButton() {
   const {
@@ -11,9 +12,9 @@ export default function ManageSignInButton() {
     data: { currentUser }
   } = useQuery(GET_CURRENT_USER);
 
-  if (loading) return "MSI Loading";
+  if (loading) return <LoadingSpinner />;
   if (error) return error.message;
-  console.log("currentUser", currentUser);
+
   return currentUser ? (
     <div>
       {" "}

client/src/components/sign-out/sign-out.component.jsx

@@ -9,9 +9,9 @@ export default class SignOut extends Component {
   signOut = async () => {
     try {
       await firebase.auth().signOut();
-      this.setState({
-        redirect: true
-      });
+      // this.setState({
+      //   redirect: true
+      // });
     } catch (error) {
       console.log(error);
     }