From e6efeeb2339d5524628ebff3cbafb87906129f45 Mon Sep 17 00:00:00 2001
From: John Duprey <jwd@johnwduprey.com>
Date: Fri, 29 Mar 2024 01:23:39 -0400
Subject: [PATCH 1/2] Update MailTest.jsx

---
 src/views/email-exchange/tools/MailTest.jsx | 38 +++++++++++++++++----
 1 file changed, 31 insertions(+), 7 deletions(-)

diff --git a/src/views/email-exchange/tools/MailTest.jsx b/src/views/email-exchange/tools/MailTest.jsx
index bc98185de466..9c31a1eb8155 100644
--- a/src/views/email-exchange/tools/MailTest.jsx
+++ b/src/views/email-exchange/tools/MailTest.jsx
@@ -1,3 +1,4 @@
+import { CButton, CSpinner } from '@coreui/react'
 import React from 'react'
 import { CippCallout, CippPageList } from 'src/components/layout'
 import { cellBooleanFormatter, cellDateFormatter } from 'src/components/tables'
@@ -5,11 +6,15 @@ import { cellGenericFormatter } from 'src/components/tables/CellGenericFormat'
 import { useGenericGetRequestQuery } from 'src/store/api/app'
 
 const MailTest = () => {
-  const { data: config, isSuccess } = useGenericGetRequestQuery({
+  const configQuery = useGenericGetRequestQuery({
     path: '/api/ExecMailTest',
     params: { Action: 'CheckConfig' },
   })
 
+  function handleConfigRetry() {
+    configQuery.refetch()
+  }
+
   const columns = [
     {
       name: 'Received',
@@ -73,14 +78,33 @@ const MailTest = () => {
   ]
   return (
     <div>
-      {isSuccess && (
-        <CippCallout color={config?.HasMailRead ? 'info' : 'warning'} dismissible={true}>
-          {config?.HasMailRead &&
-            'Mail Test Email: ' + config?.MailAddresses.filter((x) => x?.IsPrimary)[0]?.Address}
-          {config?.HasMailRead == false && 'Permission Check: ' + config?.Message}
+      {configQuery.isSuccess && (
+        <CippCallout color={configQuery.data?.HasMailRead ? 'info' : 'warning'} dismissible={true}>
+          {configQuery.data?.HasMailRead && (
+            <>
+              <b>Mail test email: </b>
+              <a
+                href={
+                  'mailto:' +
+                  configQuery.data?.MailAddresses.filter((x) => x?.IsPrimary)[0]?.Address
+                }
+              >
+                {configQuery.data?.MailAddresses.filter((x) => x?.IsPrimary)[0]?.Address}
+              </a>
+            </>
+          )}
+          {configQuery.data?.HasMailRead == false && (
+            <>
+              Permission Check: {configQuery.data?.Message}{' '}
+              <CButton size="sm" onClick={() => handleConfigRetry()}>
+                Retry
+              </CButton>
+            </>
+          )}
         </CippCallout>
       )}
-      {isSuccess && config?.HasMailRead === true && (
+      {configQuery.isLoading && <CSpinner />}
+      {configQuery.isSuccess && configQuery.data?.HasMailRead === true && (
         <CippPageList
           capabilities={{ allTenants: true, helpContext: 'https://google.com' }}
           title="Mail Test"

From 5c69db8417f51eb31fbebdb4797d4189dcadc52f Mon Sep 17 00:00:00 2001
From: John Duprey <jwd@johnwduprey.com>
Date: Fri, 29 Mar 2024 08:38:35 -0400
Subject: [PATCH 2/2] Update MailTest.jsx

---
 src/views/email-exchange/tools/MailTest.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/email-exchange/tools/MailTest.jsx b/src/views/email-exchange/tools/MailTest.jsx
index 9c31a1eb8155..d433e658dba3 100644
--- a/src/views/email-exchange/tools/MailTest.jsx
+++ b/src/views/email-exchange/tools/MailTest.jsx
@@ -1,4 +1,5 @@
 import { CButton, CSpinner } from '@coreui/react'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import React from 'react'
 import { CippCallout, CippPageList } from 'src/components/layout'
 import { cellBooleanFormatter, cellDateFormatter } from 'src/components/tables'
@@ -96,8 +97,8 @@ const MailTest = () => {
           {configQuery.data?.HasMailRead == false && (
             <>
               Permission Check: {configQuery.data?.Message}{' '}
-              <CButton size="sm" onClick={() => handleConfigRetry()}>
-                Retry
+              <CButton size="sm" className="ms-2" onClick={() => handleConfigRetry()}>
+                {configQuery.isLoading ? <CSpinner /> : <FontAwesomeIcon icon="sync" />} Retry
               </CButton>
             </>
           )}