fix: hostd navigation bug

.changeset/funny-lions-deliver.md

@@ -0,0 +1,5 @@
+---
+'hostd': minor
+---
+
+Fixed an issue where the app would not navigate when the metrics data interval was set to ALL.

apps/hostd/contexts/metrics/useNowAtInterval.tsx

@@ -1,15 +1,22 @@
 import { useEffect, useState } from 'react'
 import { DataInterval, getDataIntervalInMs } from './types'
+import { hoursInMilliseconds } from '@siafoundation/design-system'
 
 // now timestamp updated every interval
 // used to reset the time range and keep the graph up to date
 export function useNowAtInterval(dataInterval: DataInterval) {
   const [now, setNow] = useState(new Date().getTime())
   useEffect(() => {
     setNow(new Date().getTime())
+    // set a minimum refresh rate of every 1 hour
+    const minIntervalMs = hoursInMilliseconds(1)
+    const intervalMs = Math.min(
+      getDataIntervalInMs(dataInterval),
+      minIntervalMs
+    )
     const i = setInterval(() => {
       setNow(new Date().getTime())
-    }, getDataIntervalInMs(dataInterval))
+    }, intervalMs)
     return () => clearInterval(i)
   }, [dataInterval])
 

libs/design-system/src/components/ChartXY/ChartXYGraph.tsx

@@ -222,7 +222,6 @@ export function ChartXYGraph<Key extends string, Cat extends string>({
         // values don't make sense in stream graph
         // tickFormat={stackOffset === 'wiggle' ? () => '' : undefined}
         tickFormat={config.formatTickY}
-        tickTransform={`translate(-300px, 0)`}
         tickLabelProps={(p) => ({
           ...p,
           fill: theme.labels.color,