diff --git a/src/layout/components/NavBar.vue b/src/layout/components/NavBar.vue
index 3b321246..6de1580f 100644
--- a/src/layout/components/NavBar.vue
+++ b/src/layout/components/NavBar.vue
@@ -120,6 +120,7 @@ limitations under the License. -->
   resetDuration();
   getVersion();
   getNavPaths();
+  getMetricsTTL();
 
   function changeTheme() {
     const root = document.documentElement;
@@ -209,6 +210,13 @@ limitations under the License. -->
     appStore.setDuration(timeFormat(val));
   }
 
+  async function getMetricsTTL() {
+    const resp = await appStore.queryMetricsTTL();
+    // const gap = appStore.duration.end.getTime() - appStore.duration.start.getTime();
+    // const dates: Date[] = [new Date(new Date().getTime() - gap), new Date()];
+    // appStore.setDuration(timeFormat(dates));
+  }
+
   function getNavPaths() {
     pathNames.value = [];
     pageTitle.value = "";