add better reach loading indicator for rivers-by-state

AmericanWhitewater · May 21, 2024 · ad905b5 · ad905b5
1 parent ad31bd0
commit ad905b5
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/app/views/river-index/rivers-by-state.vue b/src/app/views/river-index/rivers-by-state.vue
@@ -31,7 +31,13 @@
                   </router-link>
                 </td>
                 <td>
-                  <span v-if="reach.loading">loading...</span>
+                  <template v-if="reach.loading">
+                    <cv-inline-loading
+                      small
+                      state="loading"
+                      loading-text=""
+                    />
+                  </template>
                   <strong v-else-if="reach.correlation && reach.correlation.status">
                     {{ reach.correlation.status.latestReading.value }} {{ reach.correlation.status.metric }}
                   </strong>