feat(settings): add simple-ping settings (#2118)

packages/widgets/src/app/component.tsx

@@ -7,6 +7,8 @@ import { IconLoader } from "@tabler/icons-react";
 import combineClasses from "clsx";
 
 import { clientApi } from "@homarr/api/client";
+import { useRequiredBoard } from "@homarr/boards/context";
+import { useSettings } from "@homarr/settings";
 import { useRegisterSpotlightContextResults } from "@homarr/spotlight";
 import { useI18n } from "@homarr/translation/client";
 
@@ -17,6 +19,8 @@ import { PingIndicator } from "./ping/ping-indicator";
 
 export default function AppWidget({ options, isEditMode }: WidgetComponentProps<"app">) {
   const t = useI18n();
+  const settings = useSettings();
+  const board = useRequiredBoard();
   const [app] = clientApi.app.byId.useSuspenseQuery(
     {
       id: options.appId,
@@ -81,7 +85,7 @@ export default function AppWidget({ options, isEditMode }: WidgetComponentProps<
           <img src={app.iconUrl} alt={app.name} className={combineClasses(classes.appIcon, "app-icon")} />
         </Flex>
       </Tooltip.Floating>
-      {options.pingEnabled && app.href ? (
+      {options.pingEnabled && !settings.forceDisableStatus && !board.disableStatus && app.href ? (
         <Suspense fallback={<PingDot icon={IconLoader} color="blue" tooltip={`${t("common.action.loading")}…`} />}>
           <PingIndicator href={app.href} />
         </Suspense>

packages/widgets/src/app/index.ts

@@ -5,13 +5,24 @@ import { optionsBuilder } from "../options";
 
 export const { definition, componentLoader } = createWidgetDefinition("app", {
   icon: IconApps,
-  options: optionsBuilder.from((factory) => ({
-    appId: factory.app(),
-    openInNewTab: factory.switch({ defaultValue: true }),
-    showTitle: factory.switch({ defaultValue: true }),
-    showDescriptionTooltip: factory.switch({ defaultValue: false }),
-    pingEnabled: factory.switch({ defaultValue: false }),
-  })),
+  createOptions(settings) {
+    return optionsBuilder.from(
+      (factory) => ({
+        appId: factory.app(),
+        openInNewTab: factory.switch({ defaultValue: true }),
+        showTitle: factory.switch({ defaultValue: true }),
+        showDescriptionTooltip: factory.switch({ defaultValue: false }),
+        pingEnabled: factory.switch({ defaultValue: settings.enableStatusByDefault }),
+      }),
+      {
+        pingEnabled: {
+          shouldHide() {
+            return settings.forceDisableStatus;
+          },
+        },
+      },
+    );
+  },
   errors: {
     NOT_FOUND: {
       icon: IconDeviceDesktopX,