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"}
}