pass chart to all containers

src/widgets/glances/metrics/cpu.jsx

@@ -38,11 +38,11 @@ export default function Component({ service }) {
   }, [data]);
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   return (

src/widgets/glances/metrics/disk.jsx

@@ -49,17 +49,17 @@ export default function Component({ service }) {
   }, [dataPoints]);
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   const diskData = data.find((item) => item.disk_name === diskName);
 
   if (!diskData) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   const diskRates = calculateRates(dataPoints);

src/widgets/glances/metrics/fs.jsx

@@ -17,17 +17,17 @@ export default function Component({ service }) {
   });
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   const fsData = data.find((item) => item[item.key] === fsName);
 
   if (!fsData) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   return (

src/widgets/glances/metrics/gpu.jsx

@@ -42,18 +42,18 @@ export default function Component({ service }) {
   }, [data, gpuName]);
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   // eslint-disable-next-line eqeqeq
   const gpuData = data.find((item) => item[item.key] == gpuName);
 
   if (!gpuData) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   return (

src/widgets/glances/metrics/info.jsx

@@ -74,11 +74,11 @@ export default function Component({ service }) {
   });
 
   if (quicklookError) {
-    return <Container><Error error={quicklookError} /></Container>;
+    return <Container chart={chart}><Error error={quicklookError} /></Container>;
   }
 
   if (systemError) {
-    return <Container><Error error={systemError} /></Container>;
+    return <Container chart={chart}><Error error={systemError} /></Container>;
   }
 
   const dataCharts = [];

src/widgets/glances/metrics/memory.jsx

@@ -37,11 +37,11 @@ export default function Component({ service }) {
   }, [data]);
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   return (

src/widgets/glances/metrics/net.jsx

@@ -41,17 +41,17 @@ export default function Component({ service }) {
   }, [data, interfaceName]);
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   const interfaceData = data.find((item) => item[item.key] === interfaceName);
 
   if (!interfaceData) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   return (

src/widgets/glances/metrics/process.jsx

@@ -27,11 +27,11 @@ export default function Component({ service }) {
   });
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   data.splice(chart ? 5 : 1);

src/widgets/glances/metrics/sensor.jsx

@@ -38,17 +38,17 @@ export default function Component({ service }) {
   }, [data, sensorName]);
 
   if (error) {
-    return <Container><Error error={error} /></Container>;
+    return <Container chart={chart}><Error error={error} /></Container>;
   }
 
   if (!data) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   const sensorData = data.find((item) => item.label === sensorName);
 
   if (!sensorData) {
-    return <Container><Block position="bottom-3 left-3">-</Block></Container>;
+    return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
   }
 
   return (