1 files changed, 23 insertions, 7 deletions
diff --git a/app/assets/javascripts/observability/constants.js b/app/assets/javascripts/observability/constants.js
index 74dd543e285..e4827dd169f 100644
--- a/app/assets/javascripts/observability/constants.js
+++ b/app/assets/javascripts/observability/constants.js
@@ -1,16 +1,32 @@
+import { __ } from '~/locale';
+
 export const MESSAGE_EVENT_TYPE = Object.freeze({
   GOUI_LOADED: 'GOUI_LOADED',
   GOUI_ROUTE_UPDATE: 'GOUI_ROUTE_UPDATE',
 });
 
 export const OBSERVABILITY_ROUTES = Object.freeze({
-  DASHBOARDS: '/groups/gitlab-org/-/observability/dashboards',
-  EXPLORE: '/groups/gitlab-org/-/observability/explore',
-  MANAGE: '/groups/gitlab-org/-/observability/manage',
+  DASHBOARDS: 'observability/dashboards',
+  EXPLORE: 'observability/explore',
+  MANAGE: 'observability/manage',
+});
+
+export const SKELETON_VARIANTS_BY_ROUTE = Object.freeze({
+  [OBSERVABILITY_ROUTES.DASHBOARDS]: 'dashboards',
+  [OBSERVABILITY_ROUTES.EXPLORE]: 'explore',
+  [OBSERVABILITY_ROUTES.MANAGE]: 'manage',
 });
 
-export const SKELETON_VARIANT = Object.freeze({
-  DASHBOARDS: 'dashboards',
-  EXPLORE: 'explore',
-  MANAGE: 'manage',
+export const SKELETON_STATE = Object.freeze({
+  ERROR: 'error',
+  VISIBLE: 'visible',
+  HIDDEN: 'hidden',
 });
+
+export const DEFAULT_TIMERS = Object.freeze({
+  TIMEOUT_MS: 20000,
+  CONTENT_WAIT_MS: 500,
+});
+
+export const TIMEOUT_ERROR_LABEL = __('Unable to load the page');
+export const TIMEOUT_ERROR_MESSAGE = __('Reload the page to try again.');