diff --git a/portal-ui/src/screens/Console/Dashboard/BasicDashboard/DriveInfoCard.tsx b/portal-ui/src/screens/Console/Dashboard/BasicDashboard/DriveInfoCard.tsx index 865dbdc5b0..2717422146 100644 --- a/portal-ui/src/screens/Console/Dashboard/BasicDashboard/DriveInfoCard.tsx +++ b/portal-ui/src/screens/Console/Dashboard/BasicDashboard/DriveInfoCard.tsx @@ -115,19 +115,19 @@ const DriveInfoCard = ({ classes, drive }: ICardProps) => { } - title={drive.endpoint} + title={drive.endpoint || ""} subheader={ Capacity:{" "} - {niceBytes(drive.totalSpace.toString())} + {niceBytes(drive.totalSpace ? drive.totalSpace.toString() : "0")} - Used: {niceBytes(drive.usedSpace.toString())} + Used: {niceBytes(drive.usedSpace ? drive.usedSpace.toString() : "0")} Available:{" "} - {niceBytes(drive.availableSpace.toString())} + {niceBytes(drive.availableSpace ? drive.availableSpace.toString() : "0")} } diff --git a/portal-ui/src/screens/Console/Dashboard/BasicDashboard/ServerInfoCard.tsx b/portal-ui/src/screens/Console/Dashboard/BasicDashboard/ServerInfoCard.tsx index bb3053adf1..8bb24700ff 100644 --- a/portal-ui/src/screens/Console/Dashboard/BasicDashboard/ServerInfoCard.tsx +++ b/portal-ui/src/screens/Console/Dashboard/BasicDashboard/ServerInfoCard.tsx @@ -104,10 +104,10 @@ const ServerInfoCard = ({ classes, server }: ICardProps) => { } }; - const networkKeys = Object.keys(get(server, "network", [])); + const networkKeys = Object.keys(get(server, "network", {})); const networkTotal = networkKeys.length; - const totalDrives = server.drives.length; + const totalDrives = server.drives ? server.drives.length : 0; const activeNetwork = networkKeys.reduce((acc: number, currValue: string) => { const item = server.network[currValue]; @@ -117,9 +117,9 @@ const ServerInfoCard = ({ classes, server }: ICardProps) => { return acc; }, 0); - const activeDisks = server.drives.filter( + const activeDisks = server.drives ? server.drives.filter( (element) => element.state === "ok" - ).length; + ).length : 0; return ( @@ -137,7 +137,7 @@ const ServerInfoCard = ({ classes, server }: ICardProps) => { } - title={server.endpoint} + title={server.endpoint || ""} subheader={ @@ -165,7 +165,7 @@ const ServerInfoCard = ({ classes, server }: ICardProps) => { - Uptime: {niceDays(server.uptime)} + Uptime: {server.uptime ? niceDays(server.uptime) : "N/A"} }