UI: Prevent extra API calls in search filter on scrolling (apache#12553)

Author: vishesh92

ui/src/components/view/SearchFilter.vue

@@ -1,17 +1,17 @@
 // Licensed to the Apache Software Foundation (ASF) under one
-// or more contributor license agreements. See the NOTICE file
+// or more contributor license agreements.  See the NOTICE file
 // distributed with this work for additional information
-// regarding copyright ownership. The ASF licenses this file
+// regarding copyright ownership.  The ASF licenses this file
 // to you under the Apache License, Version 2.0 (the
 // "License"); you may not use this file except in compliance
-// with the License. You may obtain a copy of the License at
+// with the License.  You may obtain a copy of the License at
 //
-// http://www.apache.org/licenses/LICENSE-2.0
+//   http://www.apache.org/licenses/LICENSE-2.0
 //
 // Unless required by applicable law or agreed to in writing,
 // software distributed under the License is distributed on an
 // "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-// KIND, either express or implied. See the License for the
+// KIND, either express or implied.  See the License for the
 // specific language governing permissions and limitations
 // under the License.
 
@@ -189,9 +189,10 @@ export default {
               resolve()
             } else {
               this.getSearchFilters(filter.key, filter.value).then((value) => {
+                const displayValue = (value !== undefined && value !== null && value !== '') ? value : filter.value
                 clonedFilters[idx] = {
                   key: filter.key,
-                  value: value,
+                  value: displayValue,
                   isTag: filter.isTag
                 }
                 resolve()