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

packages/widgets/src/dns-hole/controls/index.ts

@@ -9,11 +9,13 @@ export const widgetKind = "dnsHoleControls";
 
 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
   icon: IconDeviceGamepad,
-  options: optionsBuilder.from((factory) => ({
-    showToggleAllButtons: factory.switch({
-      defaultValue: true,
-    }),
-  })),
+  createOptions() {
+    return optionsBuilder.from((factory) => ({
+      showToggleAllButtons: factory.switch({
+        defaultValue: true,
+      }),
+    }));
+  },
   supportedIntegrations: getIntegrationKindsByCategory("dnsHole"),
   errors: {
     INTERNAL_SERVER_ERROR: {

packages/widgets/src/dns-hole/summary/index.ts

@@ -9,18 +9,20 @@ export const widgetKind = "dnsHoleSummary";
 
 export const { definition, componentLoader } = createWidgetDefinition(widgetKind, {
   icon: IconAd,
-  options: optionsBuilder.from((factory) => ({
-    usePiHoleColors: factory.switch({
-      defaultValue: true,
-    }),
-    layout: factory.select({
-      options: (["grid", "row", "column"] as const).map((value) => ({
-        value,
-        label: (t) => t(`widget.dnsHoleSummary.option.layout.option.${value}.label`),
-      })),
-      defaultValue: "grid",
-    }),
-  })),
+  createOptions() {
+    return optionsBuilder.from((factory) => ({
+      usePiHoleColors: factory.switch({
+        defaultValue: true,
+      }),
+      layout: factory.select({
+        options: (["grid", "row", "column"] as const).map((value) => ({
+          value,
+          label: (t) => t(`widget.dnsHoleSummary.option.layout.option.${value}.label`),
+        })),
+        defaultValue: "grid",
+      }),
+    }));
+  },
   supportedIntegrations: getIntegrationKindsByCategory("dnsHole"),
   errors: {
     INTERNAL_SERVER_ERROR: {