Invert monitoring enabled check

Author: WilliamBZA

src/ServicePulse.Host/vue/src/composables/serviceServiceControlUrls.js

@@ -7,6 +7,10 @@ export function useIsMonitoringDisabled() {
   return monitoringUrl.value === null || monitoringUrl.value === "" || monitoringUrl.value === "!";
 }
 
+export function useIsMonitoringEnabled() {
+  return !useIsMonitoringDisabled();
+}
+
 export function useFetchFromServiceControl(suffix) {
   return fetch(serviceControlUrl.value + suffix);
 }

src/ServicePulse.Host/vue/src/views/ConfigurationView.vue

@@ -2,7 +2,7 @@
 import { ref, onMounted } from "vue";
 import { licenseStatus } from "../composables/serviceLicense.js";
 import { connectionState, monitoringConnectionState } from "../composables/serviceServiceControl";
-import { useIsMonitoringDisabled } from "../composables/serviceServiceControlUrls";
+import { useIsMonitoringEnabled } from "../composables/serviceServiceControlUrls";
 import { useRedirects } from "../composables/serviceRedirects.js";
 import ExclamationMark from "../components/ExclamationMark.vue";
 
@@ -46,7 +46,7 @@ onMounted(() => {
           <h5 v-if="!licenseStatus.isExpired" :class="{ active: subIsActive('connections') }" class="nav-item">
             <RouterLink :to="{ name: 'connections' }">
               Connections
-              <template v-if="connectionState.unableToConnect || (monitoringConnectionState.unableToConnect && !useIsMonitoringDisabled())">
+              <template v-if="connectionState.unableToConnect || (monitoringConnectionState.unableToConnect && useIsMonitoringEnabled())">
                 <span><i class="fa fa-exclamation-triangle"></i></span>
               </template>
             </RouterLink>