jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): mock back response

Browse source
This commit is contained in:
nick-delirium 2023-02-21 15:08:41 +01:00 • committed by Delirium
parent f3efa296df
commit 6657a59cb9
2 changed files with 221 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

187
frontend/app/components/Header/HealthStatus/HealthModal/mock.ts Normal file
View file

@ -0,0 +1,187 @@
export const response = {
databases: {
postgres: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
clickhouse: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
},
ingestionPipeline: {
redis: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
kafka: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
},
backendServices: {
alerts: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
assets: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
assist: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
chalice: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
db: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
ender: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
frontend: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
heuristics: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
http: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
'ingress-nginx': {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
integrations: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
peers: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
quickwit: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
sink: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
sourcemapreader: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
storage: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
utilities: {
health: true,
details: {
version: 'v1.13',
schema: 'v1.10',
lastUpdatedOn: '12jan2023',
},
},
},
overall: {
health: true,
details: {
numberOfEventCaptured: 123000,
numberOfSessionsCaptured: 25678,
},
labels: {
parent: 'information',
},
},
ssl: true,
};

34
frontend/app/components/Header/HealthStatus/HealthStatus.tsx
View file

@ -2,6 +2,40 @@ import React from 'react';
import { Icon } from 'UI';
import cn from 'classnames';
import HealthModal from 'Components/Header/HealthStatus/HealthModal/HealthModal';
import { response } from './HealthModal/mock'
function mapResponse(resp) {
const dbKeys = Object.keys(resp.databases)
const ingestKeys = Object.keys(resp.ingestionPipeline)
const backendKeys = Object.keys(resp.backendServices)
if (!resp.overall.health) {
const dbHealth: Record<string, any> = {
overall: true,
}
const ingestHealth: Record<string, any> = {
overall: true,
}
const backHealth: Record<string, any> = {
overall: true,
}
dbKeys.forEach(key => {
const dbStatus = resp.databases[key].health
if (!dbStatus) dbHealth.overall = false
dbHealth[key] = resp.databases.key
})
ingestKeys.forEach(key => {
const ingestStatus = resp.ingestionPipeline[key].health
if (!ingestStatus) ingestHealth.overall = false
ingestHealth[key] = resp.ingestionPipeline.key
})
backendKeys.forEach(key => {
const backendStatus = resp.backendServices[key].health
if (!backendStatus) backHealth.overall = false
backHealth[key] = resp.backendServices.key
})
}
}
function HealthStatus() {
const [healthOk, setHealth] = React.useState(false);