Improve getPropertyName

specklesystems · Jun 21, 2024 · 21aaabd · 21aaabd
1 parent 7d0805a
commit 21aaabd
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/frontend-2/components/viewer/explorer/Filters.vue b/packages/frontend-2/components/viewer/explorer/Filters.vue
@@ -70,7 +70,7 @@
                 refreshColorsIfSetOrActiveFilterIsNumeric()
             "
           >
-            {{ getPropertyName(filter.key) }}
+            {{ getPropertyName(filter) }}
           </button>
         </div>
         <div v-if="itemCount < relevantFiltersSearched.length" class="mb-2">
@@ -184,7 +184,7 @@ const relevantFiltersSearched = computed(() => {
   // eslint-disable-next-line vue/no-side-effects-in-computed-properties
   itemCount.value = 30 // nasty, but yolo - reset max limit on search change
   return relevantFilters.value.filter((f) => {
-    const userFriendlyName = getPropertyName(f.key).toLowerCase()
+    const userFriendlyName = getPropertyName(f).toLowerCase()
     return (
       f.key.toLowerCase().includes(searchLower) ||
       userFriendlyName.includes(searchLower)
@@ -199,7 +199,7 @@ const relevantFiltersLimited = computed(() => {
     .sort((a, b) => a.key.length - b.key.length)
 })
 
-const title = computed(() => getPropertyName(activeFilter.value?.key ?? ''))
+const title = computed(() => getPropertyName(activeFilter.value))
 
 const colors = computed(() => !!propertyFilter.isApplied.value)
 
@@ -239,7 +239,8 @@ const isRevitProperty = (key: string): boolean => {
   return revitPropertyRegex.test(key)
 }
 
-const getPropertyName = (key: string): string => {
+const getPropertyName = (property: PropertyInfo): string => {
+  const key = property.key
   if (!key) return 'Loading'
 
   if (key === 'level.name') return 'Level Name'