refactor: Clean up code formatting and improve readability across multiple components

Author: nawazdhandala

APIReference/Service/DataTypeDetail.ts

@@ -3172,8 +3172,7 @@ const dataTypeDetails: Dictionary<DataTypePageData> = {
         name: "queryName",
         type: "string",
         required: true,
-        description:
-          "The domain name to query (e.g., 'example.com').",
+        description: "The domain name to query (e.g., 'example.com').",
       },
       {
         name: "recordType",

Common/Server/Utils/Monitor/Criteria/DnsMonitorCriteria.ts

@@ -5,9 +5,7 @@ import {
   CriteriaFilter,
   FilterType,
 } from "../../../../Types/Monitor/CriteriaFilter";
-import DnsMonitorResponse, {
-  DnsRecordResponse,
-} from "../../../../Types/Monitor/DnsMonitor/DnsMonitorResponse";
+import DnsMonitorResponse from "../../../../Types/Monitor/DnsMonitor/DnsMonitorResponse";
 import ProbeMonitorResponse from "../../../../Types/Probe/ProbeMonitorResponse";
 import EvaluateOverTime from "./EvaluateOverTime";
 import CaptureSpan from "../../Telemetry/CaptureSpan";
@@ -154,13 +152,12 @@ export default class DnsMonitorCriteria {
             CompareCriteria.convertToNumber(threshold);
 
           if (numericThreshold !== null && !isNaN(Number(recordValue))) {
-            const result: string | null = CompareCriteria.compareCriteriaNumbers(
-              {
+            const result: string | null =
+              CompareCriteria.compareCriteriaNumbers({
                 value: Number(recordValue),
                 threshold: numericThreshold,
                 criteriaFilter: input.criteriaFilter,
-              },
-            );
+              });
 
             if (result) {
               return `DNS record (${record.type}): ${result}`;

Dashboard/src/Components/Monitor/SummaryView/DnsMonitorView.tsx

@@ -23,7 +23,9 @@ const DnsMonitorView: FunctionComponent<ComponentProps> = (
     responseTimeInMs = Math.round(responseTimeInMs);
   }
 
-  const getDnssecStatusText = (): string => {
+  type GetDnssecStatusText = () => string;
+
+  const getDnssecStatusText: GetDnssecStatusText = (): string => {
     if (dnsResponse?.isDnssecValid === undefined) {
       return "Unknown";
     }

MobileApp/nativewind-env.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="nativewind/types" />
 
-// NOTE: This file should not be edited and should be committed with your source code. It is generated by NativeWind.
+// NOTE: This file should not be edited and should be committed with your source code. It is generated by NativeWind.

MobileApp/src/components/AlertCard.tsx

@@ -49,10 +49,7 @@ export default function AlertCard({
       accessibilityLabel={`Alert ${alert.alertNumberWithPrefix || alert.alertNumber}, ${alert.title}. State: ${alert.currentAlertState?.name ?? "unknown"}. Severity: ${alert.alertSeverity?.name ?? "unknown"}.`}
     >
       <View className="flex-row">
-        <View
-          className="w-1"
-          style={{ backgroundColor: stateColor }}
-        />
+        <View className="w-1" style={{ backgroundColor: stateColor }} />
         <View className="flex-1 p-4">
           {projectName ? (
             <View className="mb-1.5">

MobileApp/src/components/EpisodeCard.tsx

@@ -74,10 +74,7 @@ export default function EpisodeCard(
       activeOpacity={0.7}
     >
       <View className="flex-row">
-        <View
-          className="w-1"
-          style={{ backgroundColor: stateColor }}
-        />
+        <View className="w-1" style={{ backgroundColor: stateColor }} />
         <View className="flex-1 p-4">
           {projectName ? (
             <View className="mb-1.5">

MobileApp/src/components/IncidentCard.tsx

@@ -52,10 +52,7 @@ export default function IncidentCard({
       accessibilityLabel={`Incident ${incident.incidentNumberWithPrefix || incident.incidentNumber}, ${incident.title}. State: ${incident.currentIncidentState?.name ?? "unknown"}. Severity: ${incident.incidentSeverity?.name ?? "unknown"}.`}
     >
       <View className="flex-row">
-        <View
-          className="w-1"
-          style={{ backgroundColor: stateColor }}
-        />
+        <View className="w-1" style={{ backgroundColor: stateColor }} />
         <View className="flex-1 p-4">
           {projectName ? (
             <View className="mb-1.5">
@@ -68,7 +65,8 @@ export default function IncidentCard({
               style={{ backgroundColor: theme.colors.backgroundTertiary }}
             >
               <Text className="text-[12px] font-semibold text-text-tertiary">
-                {incident.incidentNumberWithPrefix || `#${incident.incidentNumber}`}
+                {incident.incidentNumberWithPrefix ||
+                  `#${incident.incidentNumber}`}
               </Text>
             </View>
             <Text className="text-[12px] text-text-tertiary">{timeString}</Text>

MobileApp/src/components/SkeletonCard.tsx

@@ -1,5 +1,10 @@
 import React, { useEffect, useRef } from "react";
-import { View, Animated, DimensionValue, AccessibilityInfo } from "react-native";
+import {
+  View,
+  Animated,
+  DimensionValue,
+  AccessibilityInfo,
+} from "react-native";
 import { useTheme } from "../theme";
 
 interface SkeletonCardProps {

MobileApp/src/hooks/useAllProjectAlertEpisodes.ts

@@ -21,14 +21,15 @@ interface UseAllProjectAlertEpisodesResult {
 export function useAllProjectAlertEpisodes(): UseAllProjectAlertEpisodesResult {
   const { projectList } = useProject();
 
-  const query: UseQueryResult<ListResponse<AlertEpisodeItem>, Error> =
-    useQuery({
+  const query: UseQueryResult<ListResponse<AlertEpisodeItem>, Error> = useQuery(
+    {
       queryKey: ["alert-episodes", "all-projects"],
       queryFn: () => {
         return fetchAllAlertEpisodes({ skip: 0, limit: FETCH_LIMIT });
       },
       enabled: projectList.length > 0,
-    });
+    },
+  );
 
   const projectMap: Map<string, string> = useMemo(() => {
     const map: Map<string, string> = new Map();

MobileApp/src/hooks/useAllProjectCounts.ts

@@ -25,18 +25,20 @@ export function useAllProjectCounts(): UseAllProjectCountsResult {
   const { projectList } = useProject();
   const enabled: boolean = projectList.length > 0;
 
-  const incidentQuery: UseQueryResult<ListResponse<IncidentItem>, Error> =
-    useQuery({
-      queryKey: ["incidents", "unresolved-count", "all-projects"],
-      queryFn: () => {
-        return fetchAllIncidents({
-          skip: 0,
-          limit: 1,
-          unresolvedOnly: true,
-        });
-      },
-      enabled,
-    });
+  const incidentQuery: UseQueryResult<
+    ListResponse<IncidentItem>,
+    Error
+  > = useQuery({
+    queryKey: ["incidents", "unresolved-count", "all-projects"],
+    queryFn: () => {
+      return fetchAllIncidents({
+        skip: 0,
+        limit: 1,
+        unresolvedOnly: true,
+      });
+    },
+    enabled,
+  });
 
   const alertQuery: UseQueryResult<ListResponse<AlertItem>, Error> = useQuery({
     queryKey: ["alerts", "unresolved-count", "all-projects"],