fix: hide inactive devices usage summary

frontend/src/lib/webapp/previewMock.js

@@ -528,6 +528,15 @@ function applyInactiveSubscriptionScenario({ trialAvailable = false } = {}) {
     premium_limit_bytes: 0,
     premium_is_limited: false,
   };
+  DEV_MOCK.data.settings.my_devices_enabled = true;
+  DEV_MOCK.data.devices = {
+    ok: true,
+    enabled: true,
+    current_devices: 0,
+    max_devices: 0,
+    max_devices_label: "∞",
+    devices: [],
+  };
   DEV_MOCK.data.plans = DEMO_DATASET.plans || DEV_MOCK.data.plans;
   DEV_MOCK.data.tariff_change_options =
     DEMO_DATASET.tariff_change_options || DEV_MOCK.data.tariff_change_options;

frontend/src/lib/webapp/stores/devicesStore.js

@@ -7,6 +7,7 @@ export function createDevicesStore({ api, t, showToast }) {
     devicesBusy: false,
     devicesStatus: "",
     devicesIsError: false,
+    devicesErrorCode: "",
     deviceConfirmOpen: false,
     deviceToDisconnect: null,
     deviceDisconnectBusy: false,
@@ -15,16 +16,28 @@ export function createDevicesStore({ api, t, showToast }) {
   async function loadDevices(devicesEnabled, force = false) {
     const s = get(state);
     if (!devicesEnabled || s.devicesBusy || (s.devicesLoaded && !force)) return;
-    state.update((s) => ({ ...s, devicesBusy: true, devicesStatus: "", devicesIsError: false }));
+    state.update((s) => ({
+      ...s,
+      devicesBusy: true,
+      devicesStatus: "",
+      devicesIsError: false,
+      devicesErrorCode: "",
+    }));
     try {
       const response = await api("/devices");
       if (!response?.ok) throw response;
-      state.update((s) => ({ ...s, devicesData: response, devicesLoaded: true }));
+      state.update((s) => ({
+        ...s,
+        devicesData: response,
+        devicesLoaded: true,
+        devicesErrorCode: "",
+      }));
     } catch (error) {
       state.update((s) => ({
         ...s,
         devicesStatus: error?.message || t("wa_devices_load_failed"),
         devicesIsError: true,
+        devicesErrorCode: String(error?.error || ""),
         devicesLoaded: true,
       }));
     } finally {