Add ES banner for non ES customers.

src/components/organisms/jobs-detail/jobs-detail.organism.jsx

@@ -1,5 +1,5 @@
 import { useQuery } from "@apollo/client";
-import { Badge, Card, Result } from "antd";
+import { Badge, Button, Card, Result } from "antd";
 import { useEffect, useRef } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -13,6 +13,7 @@ import EstimateScrubberResultsMolecule from "../../molecules/estimate-scruber-re
 import JobsDetailDescriptionMolecule from "../../molecules/jobs-detail-description/jobs-detail-description.molecule";
 import JobsLinesTableMolecule from "../../molecules/jobs-lines-table/jobs-lines-table.molecule";
 import JobsTargetsStatsMolecule from "../../molecules/jobs-targets-stats/jobs-targets-stats.molecule";
+import ipcTypes from "../../../ipc.types";
 import "./jobs-detail.organism.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
@@ -85,12 +86,34 @@ export function JobsDetailOrganism({ bodyshop, selectedJobId, setSelectedJobTarg
       <Card title="Estimate Lines">
         <JobsLinesTableMolecule loading={loading} job={data ? data.jobs_by_pk : {}} />
       </Card>
-      {bodyshop.es_api_key && (
+      {bodyshop.es_api_key ? (
         <Badge.Ribbon text="BETA" color="red">
           <Card id="es-results-card" title="Estimate Scrubber Results" extra={[]}>
             <EstimateScrubberResultsMolecule loading={loading} job={data ? data.jobs_by_pk : {}} />
           </Card>
         </Badge.Ribbon>
+      ) : (
+        <Card title="Estimate Scrubber">
+          <Result
+            status="info"
+            title="Are you missing out on profit?"
+            subTitle="Estimate Scrubber identifies additional billing opportunities and potential issues with your estimates to help maximize your revenue. Get started with a free 30 day trial today."
+            extra={
+              <Button
+                type="primary"
+                onClick={() => {
+                  const { ipcRenderer } = window;
+                  ipcRenderer.send(
+                    ipcTypes.app.toMain.openExternalWindow,
+                    "https://atamb.ca/estimate-scrubber-trial?utm_source=imex_rps&utm_medium=app&utm_campaign=es_trial_banner"
+                  );
+                }}
+              >
+                Get Started
+              </Button>
+            }
+          ></Result>
+        </Card>
       )}
       <Card title="Parts Breakdown">
         <div

src/ipc.types.json

@@ -17,6 +17,7 @@
       "importJob": "app_importJob",
       "setReleaseChannel": "app_setReleaseChannel",
       "scrubEstimate": "app_scrubEstimate",
+      "openExternalWindow": "app_openExternalWindow",
       "log": {
         "info": "app_logInfo",
         "debug": "app_logDebug",