fix :: trace graph

team-xquare · Aug 25, 2024 · 4d7aca1 · 4d7aca1
1 parent b57b5c3
commit 4d7aca1
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/src/components/graph/TraceErrorGraph.tsx b/src/components/graph/TraceErrorGraph.tsx
@@ -17,9 +17,9 @@ export const TraceErrorGraph: React.FC<PlotlyChartProps> = ({ jsonData }) => {
   const chartRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    if (chartRef.current && jsonData['1']) {
-      const timestamps = Object.keys(jsonData['1']).map((ts) => ts.substring(11, 16));
-      const values = Object.values(jsonData['1']).map(Number);
+    if (chartRef.current && jsonData) {
+      const timestamps = Object.keys(jsonData).map((ts) => ts.substring(11, 16));
+      const values = Object.values(jsonData).map(Number);
 
       const trace = {
         x: timestamps,

diff --git a/src/components/graph/TraceRequestGraph.tsx b/src/components/graph/TraceRequestGraph.tsx
@@ -17,9 +17,9 @@ export const TraceRequestGraph: React.FC<PlotlyChartProps> = ({ jsonData }) => {
   const chartRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    if (chartRef.current && jsonData['1']) {
-      const timestamps = Object.keys(jsonData['1']).map((ts) => ts.substring(11, 16));
-      const values = Object.values(jsonData['1']).map(Number);
+    if (chartRef.current && jsonData) {
+      const timestamps = Object.keys(jsonData).map((ts) => ts.substring(11, 16));
+      const values = Object.values(jsonData).map(Number);
 
       const trace = {
         x: timestamps,

diff --git a/src/pages/Team/deploy/Container/Traces.tsx b/src/pages/Team/deploy/Container/Traces.tsx
@@ -71,11 +71,12 @@ export const TeamDeployContainerTraces = () => {
       });
 
       getContainerRequest(deployUUID, env).then((res) => {
-        setRequest(res.data);
+        setRequest(res.data['0']);
+        console.log(res.data['0']);
       });
 
       getContainerError(deployUUID, env).then((res) => {
-        setError(res.data);
+        setError(res.data['0']);
       });
 
       Promise.all([
@@ -87,11 +88,11 @@ export const TeamDeployContainerTraces = () => {
       ])
         .then(([res99, res95, res90, res75, res50]) => {
           setLatency({
-            99: res99.data[1],
-            95: res95.data[1],
-            90: res90.data[1],
-            75: res75.data[1],
-            50: res50.data[1],
+            99: res99.data['0'],
+            95: res95.data['0'],
+            90: res90.data['0'],
+            75: res75.data['0'],
+            50: res50.data['0'],
           });
         })
         .catch((error) => {