[Discover] Improve time range text loading state

dimaanj · Nov 4, 2022 · af9a681 · af9a681
1 parent f7384af
commit af9a681
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/plugins/unified_histogram/public/chart/use_time_range.tsx b/src/plugins/unified_histogram/public/chart/use_time_range.tsx
@@ -42,10 +42,6 @@ export const useTimeRange = ({
   );
 
   const timeRangeText = useMemo(() => {
-    if (!bucketInterval) {
-      return '';
-    }
-
     const timeRange = {
       from: dateMath.parse(from),
       to: dateMath.parse(to, { roundUp: true }),
@@ -60,7 +56,12 @@ export const useTimeRange = ({
                 defaultMessage: 'Auto',
               })} - `
             : ''
-        }${bucketInterval.description}`,
+        }${
+          bucketInterval?.description ??
+          i18n.translate('unifiedHistogram.histogramTimeRangeIntervalLoading', {
+            defaultMessage: 'loading...',
+          })
+        }`,
       },
     });