From ad905b53a9fe49620b4e8770951fd7f828e43324 Mon Sep 17 00:00:00 2001
From: Nick Gottlieb <ngottlieb@gmail.com>
Date: Mon, 20 May 2024 17:46:04 -0700
Subject: [PATCH] add better reach loading indicator for rivers-by-state

---
 src/app/views/river-index/rivers-by-state.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/views/river-index/rivers-by-state.vue b/src/app/views/river-index/rivers-by-state.vue
index 65b93b9a..643f4ee6 100644
--- 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>