fix(ui): accept empty filter ("") in devices and containers list filtering

Author: luizhf42

ui/src/components/Tags/TagSelector.vue

@@ -132,7 +132,7 @@ const loadInitialTags = async (): Promise<void> => {
   await loadTags();
 };
 
-const fetchDevices = async (filter?: string): Promise<void> => {
+const fetchDevices = async (filter = ""): Promise<void> => {
   const fetch = {
     device: () => devicesStore.fetchDeviceList({ filter }),
     container: () => containersStore.fetchContainerList({ filter }),

ui/src/store/modules/containers.ts

@@ -11,7 +11,7 @@ const useContainersStore = defineStore("containers", () => {
   const containerListFilter = ref<string>();
 
   const fetchContainerList = async (data?: FetchContainerParams) => {
-    const filter = data?.filter || containerListFilter.value;
+    const filter = data?.filter === undefined ? containerListFilter.value : data.filter;
     containerListFilter.value = filter;
     try {
       const res = await containerApi.fetchContainers(

ui/src/store/modules/devices.ts

@@ -19,7 +19,7 @@ const useDevicesStore = defineStore("devices", () => {
   const selectedDevices = ref<Array<IDevice>>([]);
 
   const fetchDeviceList = async (data?: FetchDevicesParams) => {
-    const filter = data?.filter || deviceListFilter.value;
+    const filter = data?.filter === undefined ? deviceListFilter.value : data.filter;
     deviceListFilter.value = filter;
     try {
       const res = await devicesApi.fetchDevices(