IO-256 QBO Improvements.

client/src/components/payments-export-all-button/payments-export-all-button.component.jsx

@@ -8,6 +8,8 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { INSERT_EXPORT_LOG } from "../../graphql/accounting.queries";
 import { UPDATE_PAYMENTS } from "../../graphql/payments.queries";
+import { useCookies } from "react-cookie";
+
 import {
   selectBodyshop,
   selectCurrentUser,
@@ -29,6 +31,7 @@ export function PaymentsExportAllButton({
   const [updatePayments] = useMutation(UPDATE_PAYMENTS);
   const [loading, setLoading] = useState(false);
   const [insertExportLog] = useMutation(INSERT_EXPORT_LOG);
+  const [cookies] = useCookies();
 
   const handleQbxml = async () => {
     setLoading(true);
@@ -155,7 +158,16 @@ export function PaymentsExportAllButton({
   };
 
   return (
-    <Button onClick={handleQbxml} loading={loading} disabled={disabled}>
+    <Button
+      onClick={handleQbxml}
+      loading={loading}
+      disabled={
+        disabled ||
+        (bodyshop.accountingconfig &&
+          bodyshop.accountingconfig.qbo &&
+          !cookies.qbo_realmId)
+      }
+    >
       {t("jobs.actions.exportselected")}
     </Button>
   );