|
21 | 21 | import type { PageProps } from './$houdini';
|
22 | 22 |
|
23 | 23 | let { data }: PageProps = $props();
|
24 |
| - let { ResourceUtilizationForApp } = $derived(data); |
| 24 | + let { ResourceUtilizationForApp2 } = $derived(data); |
25 | 25 |
|
26 | 26 | type resourceUsage = {
|
27 | 27 | readonly timestamp: Date;
|
|
157 | 157 | }
|
158 | 158 |
|
159 | 159 | const limitColor = '#DE2E2E';
|
160 |
| - // const usageMemColor = '#8269A2'; |
161 |
| - // const usageCPUColor = '#FF9100'; |
162 | 160 | const requestColor = '#3386E0';
|
163 | 161 | </script>
|
164 | 162 |
|
165 |
| -<GraphErrors errors={$ResourceUtilizationForApp.errors} /> |
| 163 | +<GraphErrors errors={$ResourceUtilizationForApp2.errors} /> |
166 | 164 |
|
167 | 165 | <div class="wrapper">
|
168 | 166 | <BodyLong>
|
|
193 | 191 | </BodyLong>
|
194 | 192 | <div class="section">
|
195 | 193 | <Heading level="2" size="medium" spacing>Memory usage</Heading>
|
196 |
| - {#if $ResourceUtilizationForApp.data} |
| 194 | + {#if $ResourceUtilizationForApp2.data} |
197 | 195 | {@const utilization =
|
198 |
| - $ResourceUtilizationForApp.data.team.environment.application.utilization} |
| 196 | + $ResourceUtilizationForApp2.data.team.environment.application.utilization} |
199 | 197 | <BodyLong spacing>
|
200 | 198 | At the latest data point, usage is {(
|
201 | 199 | memoryUtilization(utilization.requested_memory, utilization.current_memory) * 100
|
|
252 | 250 | </div>
|
253 | 251 | <div class="section">
|
254 | 252 | <Heading level="2" size="medium" spacing>CPU usage</Heading>
|
255 |
| - {#if $ResourceUtilizationForApp.data} |
| 253 | + {#if $ResourceUtilizationForApp2.data} |
256 | 254 | {@const utilization =
|
257 |
| - $ResourceUtilizationForApp.data.team.environment.application.utilization} |
| 255 | + $ResourceUtilizationForApp2.data.team.environment.application.utilization} |
258 | 256 | <BodyLong spacing>
|
259 | 257 | At the latest data point, usage is {cpuUtilization(
|
260 | 258 | utilization.requested_cpu,
|
|
0 commit comments