Merge remote-tracking branch 'origin/main'

team-xquare · Sep 10, 2024 · 14bab77 · 14bab77
2 parents 373b963 + bd70af1
commit 14bab77
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/pages/Team/deploy/Container/Traces.tsx b/src/pages/Team/deploy/Container/Traces.tsx
@@ -141,6 +141,9 @@ export const TeamDeployContainerTraces = () => {
                       setSelectedTrace(trace.trace_id === selectedTrace ? null : trace.trace_id);
                     }}
                   >
+                    {trace.status_code && (
+                      <RodItem status={trace.status_code}></RodItem>
+                    )}
                     <DateItem>{trace.date}</DateItem>
                     <ResourceItem>{trace.resource ?? ''}</ResourceItem>
                     <DurationItem>{trace.duration_ms ?? ''}ms</DurationItem>
@@ -274,6 +277,21 @@ const ResourceItem = styled.div`
   white-space: nowrap;
 `;
 
+const RodItem = styled.div<{ status: number }>`
+    width: 8px;
+    padding-left: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-variant-numeric: tabular-nums;
+    background-color: ${props => {
+        if (props.status < 300) return theme.color.green;
+        if (props.status < 400) return theme.color.infoDark1;
+        if (props.status < 500) return theme.color.brown;
+        return theme.color.red;
+    }};
+`;
+
 const DurationItem = styled.div`
   width: 10%;
   min-width: 100px;