From a8805d68e4530c588c213eb32aa63aeeee65dfaa Mon Sep 17 00:00:00 2001
From: Patrick Fic <patrick@thinkimex.com>
Date: Thu, 9 May 2024 16:54:02 -0700
Subject: [PATCH] Update audit trial page.

---
 src/components/pages/audit/audit.page.jsx | 57 +++++++++++------------
 1 file changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/components/pages/audit/audit.page.jsx b/src/components/pages/audit/audit.page.jsx
index 918163b..45afbec 100644
--- a/src/components/pages/audit/audit.page.jsx
+++ b/src/components/pages/audit/audit.page.jsx
@@ -141,35 +141,34 @@ function NoAuditAccess({ features }) {
       status="warning"
       title="You do not currently have access to the audit feature of RPS."
       subTitle="Auditing allows you to instantly and automatically find discrepancies between the data you have recorded in RPS and the scorecard provided to your by your SRA."
-      extra={
-        features.audit_trial ? (
-          <Button
-            type="primary"
-            onClick={() => {
-              window.$crisp.push(["do", "message:thread:start", ["Subscription Upgrade - RPS Audit"]]);
-              window.$crisp.push(["set", "message:send", ["I would like to subscribe to the RPS Audit feature."]]);
-            }}
-          >
-            Subscribe
-          </Button>
-        ) : (
-          <Button
-            type="primary"
-            onClick={() => {
-              window.$crisp.push(["set", "session:event", [[["trial_request", { feature: "audit" }]]]]);
-              window.$crisp.push(["do", "message:thread:start", ["Trial Request - RPS Audit"]]);
-              window.$crisp.push([
-                "do",
-                "message:send",
-                ["text", "Hello, I would like to request a trial of the RPS audit feature."]
-              ]);
-              window.$crisp.push(["do", "chat:open"]);
-            }}
-          >
-            Request Trial
-          </Button>
-        )
-      }
+      extra={[
+        <Button
+          size="large"
+          type="primary"
+          onClick={() => {
+            window.$crisp.push(["do", "message:thread:start", ["Subscription Upgrade - RPS Audit"]]);
+            window.$crisp.push(["set", "message:send", ["I would like to subscribe to the RPS Audit feature."]]);
+          }}
+        >
+          Subscribe
+        </Button>,
+        <Button
+          size="large"
+          disabled={features.audit_trial}
+          onClick={() => {
+            window.$crisp.push(["set", "session:event", [[["trial_request", { feature: "audit" }]]]]);
+            window.$crisp.push(["do", "message:thread:start", ["Trial Request - RPS Audit"]]);
+            window.$crisp.push([
+              "do",
+              "message:send",
+              ["text", "Hello, I would like to request a trial of the RPS audit feature."]
+            ]);
+            window.$crisp.push(["do", "chat:open"]);
+          }}
+        >
+          {features.audit_trial ? `(Trial ended on ${features.audit_trial})` : "Request Trial"}
+        </Button>
+      ]}
     />
   );
 }