display pod memory request exceeded error message

dashboard/src/main/home/cluster-dashboard/expanded-chart/ExpandedChart.tsx

@@ -368,7 +368,7 @@ export default class ExpandedChart extends Component<PropsType, StateType> {
     // Append universal tabs
     tabOptions.push(
       { label: "Status", value: "status" },
-      { label: "Metrics", value: "metrics" },
+      //{ label: "Metrics", value: "metrics" },
       { label: "Chart Overview", value: "graph" }
     );
 

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/ControllerTab.tsx

@@ -11,6 +11,7 @@ type PropsType = {
   selectPod: Function;
   isLast?: boolean;
   isFirst?: boolean;
+  setPodError: (x: string) => void;
 };
 
 type StateType = {
@@ -102,16 +103,18 @@ export default class ControllerTab extends Component<PropsType, StateType> {
   };
 
   getPodStatus = (status: any) => {
-    if (status?.phase == "Pending" && status?.containerStatuses !== undefined) {
+    if (status?.phase === "Pending" && status?.containerStatuses !== undefined) {
       return status.containerStatuses[0].state.waiting.reason;
       // return 'waiting'
+    } else if (status?.phase === "Pending") {
+      return "Pending"
     }
 
-    if (status?.phase == "Failed") {
+    if (status?.phase === "Failed") {
       return "failed";
     }
 
-    if (status?.phase == "Running") {
+    if (status?.phase === "Running") {
       let collatedStatus = "running";
 
       status?.containerStatuses?.forEach((s: any) => {
@@ -150,6 +153,8 @@ export default class ControllerTab extends Component<PropsType, StateType> {
               key={pod.metadata?.name}
               selected={selectedPod?.metadata?.name === pod?.metadata?.name}
               onClick={() => {
+                this.props.setPodError("");
+                (status === "failed" && pod.status?.message) && this.props.setPodError(pod.status?.message);
                 selectPod(pod);
               }}
             >

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/Logs.tsx

@@ -4,6 +4,7 @@ import { Context } from "shared/Context";
 
 type PropsType = {
   selectedPod: any;
+  podError: string;
 };
 
 type StateType = {
@@ -40,7 +41,7 @@ export default class Logs extends Component<PropsType, StateType> {
       return <Message>Please select a pod to view its logs.</Message>;
     }
     if (this.state.logs.length == 0) {
-      return <Message>No logs to display from this pod.</Message>;
+      return <Message>{this.props.podError || "No logs to display from this pod."}</Message>;
     }
     return this.state.logs.map((log, i) => {
       return <Log key={i}>{log}</Log>;
@@ -206,9 +207,11 @@ const LogStream = styled.div`
 const Message = styled.div`
   display: flex;
   height: 100%;
-  width: 100%;
+  width: calc(100% - 150px);
   align-items: center;
   justify-content: center;
+  margin-left: 75px;
+  text-align: center;
   color: #ffffff44;
   font-size: 13px;
 `;

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/StatusSection.tsx

@@ -20,6 +20,7 @@ type StateType = {
   selectedPod: any;
   controllers: any[];
   loading: boolean;
+  podError: string;
 };
 
 export default class StatusSection extends Component<PropsType, StateType> {
@@ -29,11 +30,13 @@ export default class StatusSection extends Component<PropsType, StateType> {
     selectedPod: {} as any,
     controllers: [] as any[],
     loading: true,
+    podError: "",
   };
 
   renderLogs = () => {
     return (
       <Logs
+        podError={this.state.podError}
         key={this.state.selectedPod?.metadata?.name}
         selectedPod={this.state.selectedPod}
       />
@@ -56,6 +59,7 @@ export default class StatusSection extends Component<PropsType, StateType> {
           controller={c}
           isLast={i === this.state.controllers.length - 1}
           isFirst={i === 0}
+          setPodError={(x: string) => this.setState({ podError: x })}
         />
       );
     });

dashboard/src/main/home/sidebar/Sidebar.tsx

@@ -441,7 +441,7 @@ const StyledSidebar = styled.section`
   animation-fill-mode: forwards;
   @keyframes showSidebar {
     from {
-      margin-left: -220px;
+      margin-left: -200px;
     }
     to {
       margin-left: 0px;
@@ -452,7 +452,7 @@ const StyledSidebar = styled.section`
       margin-left: 0px;
     }
     to {
-      margin-left: -220px;
+      margin-left: -200px;
     }
   }
 `;