#13890 [new-dashboard] add object store memory column (#15697)

This commit is contained in:
Ashwin Hegde 2021-05-12 02:06:16 +05:30 committed by GitHub
parent 4459a5a2b1
commit 4d8ed6dd5c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 32 additions and 3 deletions

View file

@ -47,8 +47,8 @@
"eject": "react-scripts eject",
"lint": "npm run eslint && npm run prettier",
"lint-fix": "npm run prettier -- --write && npm run eslint -- --fix",
"prettier": "./node_modules/.bin/prettier -c src/",
"eslint": "./node_modules/.bin/eslint \"src/**\""
"prettier": "prettier -c src",
"eslint": "eslint \"src/**\""
},
"eslintConfig": {
"ignorePatterns": [

View file

@ -41,6 +41,7 @@ const columns = [
"IP",
"CPU Usage",
"Memory",
"Object Store Memory",
"Disk(root)",
"Sent",
"Received",
@ -69,7 +70,8 @@ export const NodeCard = (props: { node: NodeDetail }) => {
}
const { raylet, hostname, ip, cpu, mem, networkSpeed, disk, logUrl } = node;
const { nodeId, state } = raylet;
const { nodeId, state, objectStoreUsedMemory, objectStoreAvailableMemory } =
raylet;
return (
<Paper variant="outlined" style={{ padding: "12px 12px", margin: 12 }}>
@ -112,6 +114,18 @@ export const NodeCard = (props: { node: NodeDetail }) => {
</PercentageBar>
</Grid>
)}
{raylet && (
<Grid item xs>
Object Store Memory
<PercentageBar
num={objectStoreUsedMemory}
total={objectStoreAvailableMemory}
>
{memoryConverter(objectStoreUsedMemory)}/
{memoryConverter(objectStoreAvailableMemory)}
</PercentageBar>
</Grid>
)}
{disk && disk["/"] && (
<Grid item xs>
Disk('/')
@ -299,6 +313,19 @@ const Nodes = () => {
{memoryConverter(mem[0])}({mem[2]}%)
</PercentageBar>
</TableCell>
<TableCell>
{raylet && (
<PercentageBar
num={raylet.objectStoreUsedMemory}
total={raylet.objectStoreAvailableMemory}
>
{memoryConverter(raylet.objectStoreUsedMemory)}/
{memoryConverter(
raylet.objectStoreAvailableMemory,
)}
</PercentageBar>
)}
</TableCell>
<TableCell>
{disk && disk["/"] && (
<PercentageBar

View file

@ -25,4 +25,6 @@ export type Raylet = {
state: string;
startTime: number;
terminateTime: number;
objectStoreAvailableMemory: number;
objectStoreUsedMemory: number;
};