diff --git a/src/components/Discover/Map/Filter/AttributesFilter.vue b/src/components/Discover/Map/Filter/AttributesFilter.vue index b250808..ad8eee0 100644 --- a/src/components/Discover/Map/Filter/AttributesFilter.vue +++ b/src/components/Discover/Map/Filter/AttributesFilter.vue @@ -209,7 +209,7 @@
@@ -335,8 +335,8 @@ const { filterAttrs } = storeToRefs(allMapDataStore); const selectedAttName = ref({}); const selectedAttRange = ref(null); -const valueTypes = ["int", "float", "date"]; -const classTypes = ["boolean", "string"]; +const valueTypes = new Set(["int", "float", "date"]); +const classTypes = new Set(["boolean", "string"]); const chartData = ref({}); const chartOptions = ref({}); const chartComplete = ref(null); // Rendered chart.js instance data @@ -384,7 +384,7 @@ const attRangeTotal = computed(() => { let result = null; // Initialize the result variable with null - if (classTypes.includes(type) && attRangeData.value) { + if (classTypes.has(type) && attRangeData.value) { result = `(${attRangeData.value.length})`; // Assign the length of attRangeData if it exists } return result; @@ -422,7 +422,7 @@ const attRangeData = computed(() => { // Get the selected Attribute radio's numeric-type data const valueData = computed(() => { // filter returns an array, find returns the first matched element, so use find here. - if (valueTypes.includes(selectedAttName.value.type)) { + if (valueTypes.has(selectedAttName.value.type)) { const data = filterAttrs.value.find( (item) => item.type === selectedAttName.value.type && @@ -945,7 +945,7 @@ function sliderValueRange(e, direction) { emitter.on("map-filter-reset", (value) => { if (value) { selectedAttRange.value = null; - if (valueData.value && valueTypes.includes(selectedAttName.value.type)) { + if (valueData.value && valueTypes.has(selectedAttName.value.type)) { const min = valueData.value.min; const max = valueData.value.max; startTime.value = new Date(min);