empty logs div/component

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

@@ -11,6 +11,7 @@ import RevisionSection from './RevisionSection';
 import ValuesYaml from './ValuesYaml';
 import GraphSection from './GraphSection';
 import ListSection from './ListSection';
+import LogSection from './LogSection';
 
 type PropsType = {
   currentChart: ChartType,
@@ -152,6 +153,11 @@ export default class ExpandedChart extends Component<PropsType, StateType> {
           refreshChart={refreshChart}
         />
       );
+    } else if (this.state.currentTab === 'logs') {
+      return (
+        <LogSection
+        />
+      );
     }
 
     return (
@@ -252,6 +258,7 @@ const TabButton = styled.div`
   color: ${(props: { devOpsMode: boolean }) => props.devOpsMode ? '#aaaabb' : '#aaaabb55'};
   margin-left: 35px;
   border-radius: 20px;
+  text-shadow: 0px 0px 8px ${(props: { devOpsMode: boolean }) => props.devOpsMode ? '#ffffff66' : 'none'};
   cursor: pointer;
   :hover {
     color: ${(props: { devOpsMode: boolean }) => props.devOpsMode ? '' : '#aaaabb99'};

dashboard/src/main/home/dashboard/expanded-chart/LogSection.tsx

@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import styled from 'styled-components';
+
+type PropsType = {
+};
+
+type StateType = {
+};
+
+export default class LogSection extends Component<PropsType, StateType> {
+  state = {
+  }
+
+  render() {
+    return (
+      <StyledLogSection>
+        (Logs unimplemented)
+      </StyledLogSection>
+    );
+  }
+}
+
+const StyledLogSection = styled.div`
+  width: 100%;
+  height: 100%;
+  background: #202227;
+  position: relative;
+  padding: 20px;
+`;