IO-1076 add sync to ro preview

client/src/components/job-detail-cards/job-detail-cards.component.jsx

@@ -9,6 +9,7 @@ import { Link, useHistory, useLocation } from "react-router-dom";
 import { QUERY_JOB_CARD_DETAILS } from "../../graphql/jobs.queries";
 import { setModalContext } from "../../redux/modals/modals.actions";
 import AlertComponent from "../alert/alert.component";
+import JobSyncButton from "../job-sync-button/job-sync-button.component";
 import JobsDetailHeader from "../jobs-detail-header/jobs-detail-header.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
 import JobDetailCardsDamageComponent from "./job-detail-cards.damage.component";
@@ -84,6 +85,8 @@ export function JobDetailCards({ setPrintCenterContext }) {
           }
           extra={
             <Space wrap>
+              <JobSyncButton job={data.jobs_by_pk} />
+
               <Button
                 onClick={() => {
                   setPrintCenterContext({

client/src/graphql/jobs.queries.js

@@ -666,6 +666,9 @@ export const QUERY_JOB_CARD_DETAILS = gql`
       ownr_ea
       ca_gst_registrant
       special_coverage_policy
+      available_jobs {
+        id
+      }
       joblines_status {
         part_type
         count