diff --git a/src/healthchecksio.tsx b/src/healthchecksio.tsx index a548ba6..0e365f1 100644 --- a/src/healthchecksio.tsx +++ b/src/healthchecksio.tsx @@ -83,10 +83,12 @@ export function HealthchecksioStatus({ showInternal, initialGroupKey = "" }: { s const checks = (processHCData(dataRaw) || []).filter(check => check.tags_dict.public !== 'False' || showInternal).sort((a, b) => a.name.localeCompare(b.name)); const groupedChecks = groupBy(checks, c => c.tags_dict[groupKey]); + const errorHelp = "Please see the console for more information."; + return (
{isLoading &&

Loading...

} - {error &&

Error: {error.message}

} + {error &&

Error: {error.message}. {errorHelp}

} {checks && checks.length > 0 && ( <> getStatus(check.status))} symbolClassName="text-xl" className="mb-4" /> diff --git a/src/sentry.tsx b/src/sentry.tsx index 28b3212..b80ba4a 100644 --- a/src/sentry.tsx +++ b/src/sentry.tsx @@ -29,10 +29,12 @@ export function SentryStatus() { monitors.sort((a: any, b: any) => a.name.localeCompare(b.name)); } + const errorHelp = error?.toString() == "TypeError: Failed to fetch" ? "Is the request blocked by an adblocker?" : "Please see the console for more information."; + return (
{isLoading &&

Loading...

} - {error &&

Error: {error.message}

} + {error &&

Error: {error.message}. {errorHelp}

} {monitors && monitors.length > 0 && ( <> monitor.environments?.map((environment: any) => getStatus(environment.status)))} symbolClassName="text-xl" className="mb-4" />