fix(ui): fix Device listing

Author: luizhf42

ui/src/router/index.ts

@@ -239,7 +239,7 @@ export const routes: Array<RouteRecordRaw> = [
     name: "Devices",
     component: Devices,
     beforeEnter: async (to, from, next) => {
-      await useDevicesStore().fetchDeviceList();
+      await useDevicesStore().setDeviceListVisibility();
       next();
     },
     redirect: { name: "DeviceList" },

ui/src/store/api/devices.ts

@@ -6,7 +6,7 @@ export const addTag = async (data: IDevicePostTag) => tagsApi.createDeviceTag(da
 export const fetchDevices = async (
   page: number,
   perPage: number,
-  status: "accepted" | "rejected" | "pending",
+  status?: "accepted" | "rejected" | "pending",
   filter?: string,
   sortStatusField?: string,
   sortStatusString?: "asc" | "desc",

ui/src/store/modules/devices.ts

@@ -37,6 +37,11 @@ const useDevicesStore = defineStore("devices", () => {
     }
   };
 
+  const setDeviceListVisibility = async () => {
+    const { headers } = await devicesApi.fetchDevices(1, 1);
+    if (parseInt(headers["x-total-count"], 10)) showDevices.value = true;
+  };
+
   const fetchOnlineDevices = async (filter?: string) => {
     try {
       const res = await devicesApi.fetchDevices(
@@ -120,6 +125,7 @@ const useDevicesStore = defineStore("devices", () => {
     duplicatedDeviceName,
 
     fetchDeviceList,
+    setDeviceListVisibility,
     fetchOnlineDevices,
     removeDevice,
     renameDevice,